.fl:after {
  display:none !important; 
}

.ewm{
display: flex;
    align-items: center;
}

.ewm img{width: 80px;}

@media only screen and (max-width: 993px) { 
  .msk {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px; 
    z-index: 299;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
    touch-action: none;
    display: none;width: 100%; 
  }
  .tab {
    position: fixed;
    top: 0;
    left: -170rem;
    z-index: 999;
    height: 100%;
    width: 170rem;
    text-align: center;
    background-color: white;
  }
}@charset "utf-8";
/* 
 * Project Name:明间照明
 * Author:位置
 * Date：2016-6-12
 */


@font-face {
    font-family: 'helvetica_neue_ltregular';
    src: url('../font/helveticaneuelt-mediumcond-webfo.woff2') format('woff2'),
         url('../font/helveticaneuelt-mediumcond-webfo1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #000; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); background:#fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
/* ::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; } */
/* ::selection { background: #f7a300; color: #fff; text-shadow: none; } */
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1000px; margin: 0px auto;}

.xzy-share-box{ position: absolute; z-index: 800; width: 118px; left: 50%; top: 25px; border: 1px solid #bcbcbc; background-color: #fff; display: none;}
.xzy-share-box span,.xzy-share-box a{ padding: 10px 0px; display: block; color: #8d8d8d; text-align: center; line-height: 1.2; cursor: pointer;}
.xzy-share-box .ico{ width: 34px; height: 34px; display: block; margin: 0px auto;}
.xzy-share-box .weixin{ border-top: 1px solid #bcbcbc;}
.xzy-share-box .tsina .ico{ background: url(../image/xshare1.png) no-repeat scroll center center;}
.xzy-share-box .weixin .ico{ background: url(../image/xshare2.png) no-repeat scroll center center;}
.xzy-share-box span:hover,.xzy-share-box a:hover{ color: #fff;}
.xzy-share-box .tsina:hover .ico{ background-image: url(../image/xshare11.png);}
.xzy-share-box .weixin:hover .ico{ background-image: url(../image/xshare22.png);}
.xzy-share-box .tsina:hover{ background-color: #d52b2a;}
.xzy-share-box .weixin:hover{ background-color: #86c610;}
.xzy-share-btn:hover .xzy-share-box{ display: block;}
.xzy-share-box .zwbox{ position: absolute; top: -25px; height: 25px; background: none transparent; width: 100%; padding: 0px; margin: 0px;}

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height:100%; overflow:hidden;}
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(../image/grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height:100%; }
.owl-theme .owl-controls { text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../image/ajaxloader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/*header*/
.header-box{ background:#fff; padding:20px 0; position:relative; z-index:99; height:90px;}
.header{ position:relative; padding:0 26px 0 40px;
    display: flex;
}
.logo{ height:90px; float:left; line-height:normal;}
.logo img{ display:inline-block;  height:100%;}
.header-ri{ float:right;
    /* padding-top: 30px; */
    flex: 1;
    margin-left: 300px;
}
/* .nav{ float:left; margin-right:48px;} */
.nav{
    display: flex;
    height: 100%;
    align-items: center;
}
/* .nav li{ float:left; margin-left:26px;} */
.nav li{
    flex: 1;
    padding: 0 5px;
    text-align: center;
}
.nav li a{ display:inline-block; padding:0 2px; color:#323232; font-size:16px; padding-bottom:7px; transition:560ms; line-height:24px; position:relative;}
.nav li a:before{ content:""; width:100%; height:2px; background:#e56724; position:absolute; left:0; bottom:4px; opacity:0; transition:440ms;}
.nav li:hover a:before,.nav li.current a:before{ bottom:0; opacity:1;}
.edition{ float:left; line-height:normal; height:16px; margin-top:5px; border-left:1px solid #7b7b7b; position:relative;}
 .edition span{ display:block; padding-left:22px; padding-right:15px; position:relative; cursor:pointer; width:62px;}
 .edition span i{ display:inline-block; color:#7b7b7b; font-size:15px; line-height:16px; font-style:normal;} 
 .edition span:before{ content:""; width:11px; height:8px; background:url(../image/down.png) center no-repeat; position:absolute; right:0; top:3px;}
 .edition ul{ padding-left:22px; width:75px; position:absolute; left:0; top:16px; background:#fff; padding-top:5px; padding-bottom:5px; display:none;}
 .edition ul li{ margin-bottom:3px;}
 .edition ul li a{ display:block; line-height:normal; color:#7b7b7b; font-size:15px;}
.share{ float:left; margin-left:24px; margin-top:1px;}
.share a{ display:block; float:left; width:20px; height:21px; margin-right:23px; margin-top:1px;}
.share a.sharea{ background:url(../image/share.png) center no-repeat; margin-right:0;}
.share a.sharea:hover{ background:url(../image/share1.png) center no-repeat;}

.menuBtn{ position:absolute; right:30px; top:4px; width:38px; height:36px; cursor:pointer; display:none; z-index:99;}
.menuBtn .burger{ display:block; width:100%; height:5px; position:absolute; left:0; background:#1b1b1b; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:15px;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-3 { top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.iphemake{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:990; visibility:hidden; opacity:0; transition:750ms 200ms;}
.menu-fiex{ width:460px; text-align:center; background:#eeeeee; position:fixed; height:100%; right:-460px; top:0; display:none; z-index:999; padding-bottom:68px; box-sizing:border-box; z-index:999; transition:680ms; visibility:hidden;}
.menu-wr{ position:fixed; width:460px; top:0; right:-460px; height:100%; overflow-y:auto; overflow-x:hidden; transition:680ms;}
.menu-wr.fix .editebtn{ position:static; margin-bottom:25px;}
.menu-fiex.on{ right:0; visibility:visible;}
.menu-fiex.on .menu-wr{ right:0;}
.menu-fiex.on .close{ left:-48px;}
.iphemake.on{ opacity:1; visibility:visible;}

.mtop{ height:0; display:none!important;}
.iphone-logo{ margin-top:25px;}
.iphone-logo img{ width:210px; height:auto;}
.mune-list{ text-align:center; margin-top:64px;}
.mune-list >li{ margin-bottom:3px;}
.mune-list >li >a{ display:block; text-align:center; color:#323232; font-size:26px; height:52px; line-height:52px; position:relative; transition:540ms;}
.mune-list >li >a.on,.mune-list >li >a:hover{ background:#013154; color:#fff;}
.mune-list >li >a.on:before,.mune-list >li >a:hover:before{ bottom:-6px; visibility:visible; opacity:1;}
.mune-list >li >a:before{ content:""; width:12px; height:6px; position:absolute; left:50%; margin-left:-6px; bottom:0px; transition:540ms; background:url(../image/down1.png) center no-repeat; visibility:hidden; opacity:0;}
.leval-menu{ padding:20px 0 25px 9.8%; background:#dcdcdc; border-bottom:1px solid #e76e31; display:none;}
.leval-menu li{ width:50%; float:left;}
.leval-menu li a{ display:block; text-align:left; line-height:40px; color:#323232; font-size:20px;}
.leval-menu li a:hover,.leval-menu li a:focus{ color:#013154;}
.editebtn{ width:100%; padding:0 26px 0 20px; box-sizing:border-box; margin-top:100px; position:absolute; left:0; bottom:30px;}
.editebtn >a{ display:inline-block; float:left; padding-left:52px; color:#7b7b7b; font-size:20px; position:relative;}
.editebtn >a:before{ content:""; width:39px; height:32px; background:url(../image/scale.png) center no-repeat; transition:750ms; position:absolute; left:0; top:3px;}
.editebtn >a:hover:before,.editebtn >a:focus:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.share-fix{ float:right;}
.share-fix a{ display:block; float:left; width:37px; height:38px; margin-right:24px; transition:740ms;}
.share-fix a:nth-child(1){ background:url(../image/share2.png) center no-repeat;}
.share-fix a:nth-child(2){ background:url(../image/search2.png) center no-repeat; margin-right:0;}
.share-fix a:nth-child(1):hover{ background:url(../image/share3.png) center no-repeat;}
.share-fix a:nth-child(2):hover{ background:url(../image/search3.png) center no-repeat;}
.search{ float:left; margin-right:12px; border:1px solid #e5e5e5; border-radius:15px; margin-top:-5px;}
.search input[type=text]{ width:100px; color:#323232; font-size:14px; font-family:微软雅黑; border:none; background:none; outline:none; height:30px; line-height:30px; padding:0; padding-left:10px; float:left;}
.search input[type=button]{ float:left; border:none; outline:none; width:26px; height:30px; background:url(../image/search.png) left center no-repeat; cursor:pointer; transition:540ms;}
.search input[type=button]:hover{ background:url(../image/search1.png) left center no-repeat;}
.close{ display:block; width:32px; height:31px; position:absolute; left:0; top:26px; background:url(../image/close.png) center no-repeat; z-index:10; transition:650ms;}
.close:focus,.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

/*banner*/

.banner1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner1 img{
    width: 100%;
}

.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff;  position: relative;}
.banner .slides{ position:relative; z-index:20;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1),transform 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1),transform 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; height:auto; position:relative;}
.banner .bimg { width: 100%; display: block; }

.baTxts{ position:absolute; left:50%; margin-left:-584px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:200;}

.baTxts h2{ margin-bottom:36px; font-size:58px; color:#ffffff; text-align:center;}
.baTxts b{ display:block; width:0; height:2px; background:#fff; margin:auto;}
.baTxts small{ width:380px; margin:auto; text-align:center; color:#ffffff; display:block; margin-top:26px; font-size:14px; font-family:"Arial"; font-style:italic; line-height:1.8;}
.banner .en.transy{ transition:700ms 300ms; -webkit-transition:700ms 300ms;}
.banner .baTxts b.transy{ transition:800ms 500ms;}
.banner .baTxts small.transy{ transition:1000ms 700ms;}

.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transition:700ms; -webkit-transition:700ms; opacity:0; }
.banner li.transShow .en.transy,.banner li.transShow .zh.transy,.banner li.transShow small.transy{  transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.banner li .baTxts b.transy{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0);}
.banner li.transShow .baTxts b.transy{ width:115px; opacity:1;}
.transShow{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1; }
.banner .flex-control-nav{ text-align:center; position:absolute; left:0; bottom:14px; width:100%; z-index:999;}
.banner .flex-control-nav li{ display:inline-block; margin-right:12px;}
.banner .flex-control-nav li a{ display:block; width:13px; height:13px; text-indent:999px; overflow:hidden; border-radius:50%; background:#fff;}
.banner .flex-control-nav li a.flex-active{ background:#fcb800;}

.bannerText{ height:230px; position:absolute; left:50%; top:50%; margin-left:-500px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:20;}
.bann{ width:840px; height:230px; background:rgba(0,52,89,0.4); box-sizing:border-box; padding:40px 27px 0 40px; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:1000ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;}
.banne-list h3{ color:#ffffff; font-size:32px; line-height:60px; visibility:hidden; opacity:0; float:left; font-weight:normal} 
.technology{  width:170px; opacity:0; float:right; position:relative;  box-sizing:border-box; padding-top:14px; font-family:"helvetica_neue_ltregular"; font-size:25px; line-height:normal; border-bottom:1px solid #fff; padding-bottom:14px;}
.technology small{ line-height:30px; color:#ffffff; font-size:25px; font-family:Arial; font-family:"Arial";}
.technology i{ width:126px; height:1px; background:#fff; position:absolute; right:0; top:1px;}
.technology b{ display:block; width:0; height:1px; background:#e68333; position:absolute; left:0; top:1px; transition:500ms 600ms;}

.bannerbg{ display:none;}
.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on .technology{ opacity:1; }
.banne-list li.on .technology b{ width:35px; }
.bamnline{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#023257;}
.bamnline span{ display:block; width:0; height:3px; background:#e68333;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }
.banner .flex-direction-nav{ width:840px; height:12px; position:absolute; left:50%; margin-left:-500px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); margin-top:90px; z-index:300;}
.banner .flex-direction-nav li{ width:7px; height:11px;}
.banner .flex-direction-nav li a{ display:block; width:100%; height:100%; text-indent:999px; overflow:hidden; }
.banner .flex-direction-nav li:nth-child(1){ position:absolute; left:8px; bottom:0;}
.banner .flex-direction-nav li:nth-child(2){ position:absolute; right:8px; bottom:0;}
.banner .flex-direction-nav li a.flex-prev{ background:url(../image/prev.png) center no-repeat; }
.banner .flex-direction-nav li a.flex-next{ background:url(../image/next.png) center no-repeat;}
.numble{ position:absolute; left:47px; bottom:8px; z-index:400;}
.numble .defual{ float:left; color:#ffffff; font-size:20px; font-family:"Arial"; margin-right:3px;}
.numble .defual:nth-child(2){ font-size:14px; margin-top:6px;}
.numble .defual b{ font-weight:normal;}

.downs{ width:27px; height:37px; background:url(../image/mdown.png) center no-repeat; position:absolute; left:50%; margin-left:-13px; bottom:38px; z-index:99; cursor:pointer;}

.technical{ padding:30px 0; width:1165px; margin:auto; position:relative; overflow:hidden; z-index:20;}
.technical-list{ position:relative;}
.technical-list li{  height:188px; width:22%; float:left; position:relative; margin-right:4%; text-align:center;}
.technical-list li:last-child{ margin-right:0;}
.technical-list li a{ display:inline-block; margin:auto;}
.technical-list li figure{ display:block; line-height:0; position:relative; overflow:hidden; width:150px; height:188px; text-align:center; float:right; transition:600ms;}
.technical-list li figure img{ display:block; margin:auto; width:116px; height:188px;}
.technical-list li figure mark{ display:block; width:150px; height:150px; background:url(../image/adius.png) center no-repeat; position:absolute; left:0; top:23px; border-radius:50%; transition:750ms; opacity:0;}
.technical-list li figure mark h4{ text-align:center; color:#ffffff; font-size:14px; margin-top:56px; display:block; width:100%; height:14px; opacity:0; transform:translateY(15px); -webkit-transform:translateY(15px); -moz-transform:translateY(15px); transition:600ms 200ms; font-weight:normal; }
.technical-list li figure mark span{ display:block; width:25px; height:25px; margin:auto; background:url(../image/load.png) center no-repeat; margin-top:16px; transition:500ms 400ms; transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); opacity:0;}
.technical-list li figcaption{ position:absolute; left:0; text-align:left; top:54px; width:88px;transition:640ms 300ms;}
.technical-list li figcaption h3{ color:#646464; font-size:14px; height:26px; position:relative; transition:500ms; font-weight:normal;}
.technical-list li figcaption h3 small{ width:62px; height:1px; background:#d2d2d2; position:absolute; left:0; bottom:0; transition:500ms;}
.technical-list li figcaption b{ line-height:20px; margin-top:10px; color:#b4b4b4; font-size:14px; font-family:Arial; font-weight:normal; display:block;}

.technical-list li:hover figcaption{ opacity:0; left:10px; transition:650ms 0ms;}
.technical-list li:hover figure{ margin-right:62px;}
.technical-list li:hover figure mark{ opacity:1;}
.technical-list li:hover figure mark h4{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.technical-list li:hover figure mark span{ transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}

.technical .flex-direction-nav li a.flex-prev{ display:block; width:11px; height:19px; background:url(../image/prev.png) center no-repeat; text-indent:999px; z-index:10; position:absolute; left:10px; top:50%; margin-top:-9px; overflow:hidden;}

.technical .flex-direction-nav li a.flex-prev{ display:block; width:11px; height:19px; background:url(../image/prev.png) center no-repeat; text-indent:999px; z-index:10; position:absolute; left:10px; top:50%; margin-top:-9px; overflow:hidden;}

.technical .flex-direction-nav li a.flex-next{ display:block; width:11px; height:19px; background:url(../image/next.png) center no-repeat; text-indent:999px; z-index:10; position:absolute; right:10px; top:50%; margin-top:-9px; overflow:hidden;}
.technical .flex-direction-nav li a:hover{ opacity:0.5;}
.iphone-pro{ display:none;}
.iphone-pro li{ width:25%; float:left; padding:42px 0 16px; border-right:1px solid #e5e5e5; text-align:center; box-sizing:border-box;}
.iphone-pro li:last-child{ border-right:none;}
.iphone-pro li figure{ display:block; line-height:normal; width:36.5%; margin:auto;}
.iphone-pro li figure img{ display:block; width:100%; height:auto;}
.iphone-pro li figcaption{ display:block; text-align:center; color:#000000; font-size:24px; line-height:normal; margin-top:22px;}

/*-- 首页产品 开始 --*/
.index-p{width: 100%;background-color: #f8f8f8;overflow: hidden;}
.index-p .index-p-inner{width: 100%;overflow: hidden;}
.index-p .img-box{float: right;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-p .left{float: left;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .text{display: block;cursor: pointer;width: 425px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index-p .text .t1{font-size: 14px;color: #333;margin-bottom: 34px;}
.index-p .text .t2{font-size: 28px;line-height: 34px;color: #333;margin-bottom: 34px;display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.index-p .text .t3{font-size: 14px;color: #333;text-align: right;}
.index-p .text .t3:hover{color: #2f1915;}
.index-p .text .t1:before{content: "";width: 40px;height: 2px;background-color: #2f1915;display: inline-block;vertical-align: middle;margin-right: 21px;}
@media(max-width: 1640px){
    .index-p .text .t1{margin-bottom: 20px;}
    .index-p .text .t2{font-size: 21px;margin-bottom: 20px;line-height: 27px;}
}
@media(max-width: 1240px){
    .index-p .text{width: 261px;padding: 20px;}
    .index-p .text .t1{margin-bottom: 17px;}
    .index-p .text .t2{font-size: 14px;margin-bottom: 17px;line-height: 22px;}
}
@media(max-width: 840px){
    .index-p{padding-top: 34px;padding-bottom: 34px;padding-left: 20px;padding-right: 20px;}
    .index-p .index-p-inner{max-width: 540px;margin: 0 auto;}
    .index-p .img-box{width: 100%;padding-top: 0;height: auto;}
    .index-p .img-box img{position: static;height: auto;}
    .index-p .left{width: 100%;height: auto;padding-top: 0;}
    .index-p .text{position: static;width: 100%;height: auto;padding: 20px;position: static;left: 0;right: auto;top: 0;transform: translate(0,0);-webkit-transform: translate(0,0);}
}

.fr {
    float: right;
}
.content {
    width: 1200px;
    margin: 0 auto;
}
.light {
    height: 760px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
.tit1 {
    height: 98px;
    overflow: hidden;
    font: 26px "Microsoft Yahei";
        font-weight: normal;
    font-weight: bold;
    color: #e62129;
    background: url(../image/jg_line.gif) no-repeat left top;
    padding-left: 32px;
}
.light .tit1 {
    background: url(../image/light_line.gif) no-repeat left top;
}
.tit1 em {
    display: block;
    font: 18px Arial, Helvetica, sans-serif;
    color: #b4b4b4;
    text-transform: uppercase;
}
.light h4 {
    font: 14px "Microsoft Yahei";
        line-height: normal;
    color: #7f7f7f;
    width: 700px;
    text-align: right;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 0;
    top: 20px;
}

.light{ width:100%; height:auto; margin-top:30px; overflow:hidden; position:relative;}
.light .tit1{ background:url(../image/light_line.gif) no-repeat left top;}
.light h4{ font:14px "Microsoft Yahei"; color:#7f7f7f; width:700px; text-align:right; height:28px; line-height:28px; position:absolute; right:0; top:20px;}
.light h4 a{ color:#7f7f7f; display:inline-block; padding:0 6px;}
.light h4 a:hover{ color:#e62129;}
.light h4 a.a02{ color:#e62129; border:1px solid #e62129; display:inline-block; height:20px; line-height:20px;}

.xx_light{ width:110%; height:auto; margin-left:-3%; margin-top:30px; overflow:hidden; position:relative;}
.xx_light dl{ height:296px; width:488px; float:left; margin-left:3%; background:#f7f7f7; margin-bottom:14px; border:1px solid #e3e3e3; overflow:hidden;}
.xx_light dt{ width:236px; height:296px; float:left;}
.xx_light dt img{width:236px; height:296px;}
.xx_light dd{ width:232px; float:right; padding-top:20px;}
.xx_light dd h3 a{ display:block; font:18px "Microsoft Yahei"; height:32px; line-height:32px; font-weight:bold; color:#323232; overflow:hidden; margin-bottom:20px;}
.xx_light dd p{font:14px "Microsoft Yahei"; color:#7f7f7f; line-height:23px; width:212px;height:138px;overflow:hidden;}
.xx_light dd span a{ display:block; font:14px "Microsoft Yahei"; text-align:center; width:104px; height:27px; color:#e62129; border:1px solid #e62129; margin-top:10px; line-height:27px;}

.prolist{width:100%; height:auto; margin:0 auto; clear:both;}
.prolist .title {
    text-align: center; position:relative;
}
.prolist .title h3 {
    font-size: 30px;
    color: #eeeeee;
    font-weight: lighter;
    display: block;
    text-align: center; position:relative;
}
.prolist .title h4 {
    font-size: 30px;
    color: #333333;
    position:absolute;
    top: 10px; left:0px; width:100%;
}
.prolist .pnav {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}
.prolist .pnav ul {
    text-align: center; margin:0; padding:0; list-style-type:none;
}
.prolist .pnav ul li {
    cursor: pointer;
    display: inline-block;
    width: 170px;
    font-size: 20px;
    color: #666666;
    padding-top: 10px;
    border-top: 2px solid #dddddd;
}
.prolist .pnav ul li.on {
    border-color: #ef2332;
}
.prolist .pnav ul li a{color: #666666;}
/*-- 首页产品 结束 --*/

/*-- 首页公司简介 开始 --*/
.img-out {

    position: relative;
    overflow: hidden;

}
.index-p{width: 100%;background-color: #f8f8f8;overflow: hidden; clear:both;}
.index-p .index-p-inner{width: 100%;overflow: hidden;}
.index-p .img-box{float: right;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-p .left{float: left;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .text{display: block;cursor: pointer;width: 425px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index-p .text .t1{font-size: 14px;color: #333;margin-bottom: 34px;}
.index-p .text .t2{font-size: 16px;line-height: 28px;color: #333;margin-bottom: 34px;}
.index-p .text .t3{font-size: 14px;color: #333;text-align: right;}
.index-p .text .t3:hover{color: #2f1915;}
.index-p .text .t1:before{content: "";width: 40px;height: 2px;background-color: #2f1915;display: inline-block;vertical-align: middle;margin-right: 21px;}
@media(max-width: 1640px){
    .index-p .text .t1{margin-bottom: 20px;}
    .index-p .text .t2{font-size: 21px;margin-bottom: 20px;line-height: 27px;}
}
@media(max-width: 1240px){
    .index-p .text{width: 261px;padding: 20px;}
    .index-p .text .t1{margin-bottom: 17px;}
    .index-p .text .t2{font-size: 14px;margin-bottom: 17px;line-height: 22px;}
}
@media(max-width: 840px){
    .index-p{padding-top: 34px;padding-bottom: 34px;padding-left: 20px;padding-right: 20px;}
    .index-p .index-p-inner{max-width: 540px;margin: 0 auto;}
    .index-p .img-box{width: 100%;padding-top: 0;height: auto;}
    .index-p .img-box img{position: static;height: auto;}
    .index-p .left{width: 100%;height: auto;padding-top: 0;}
    .index-p .text{position: static;width: 100%;height: auto;padding: 20px;position: static;left: 0;right: auto;top: 0;transform: translate(0,0);-webkit-transform: translate(0,0);}
}


.index_4 { width: 100%; padding: 78px 0; background-color:#ededed; background-image:url(../image/bg4.jpg); background-repeat:no-repeat; background-position:center bottom; background-size: cover; }
.index_4 .wrap {
    max-width: 1510px;
    margin: 0 auto;
}
.index_4 .in_txt { width: 50%; padding-top: 7%; }
.index_4 .in_txt h4 { height: 43px; font-size: 40px; font-weight: 100; line-height:40px; color: #121315; text-transform:uppercase;}
.index_4 .in_txt h4 img { max-width: 100%; max-height: 100%; }
.index_4 .in_txt h5 { margin-bottom: 20px; font-size: 38px; font-weight: 100; color: #121315; }
.index_4 .in_txt h6 { margin-bottom: 90px; font-size: 16px; color: #333; line-height: 30px; }
.index_4 .in_txt p a { display: block; width: 140px; height: 40px; background: #20ae9e; border-radius: 20px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; }
.index_4 .in_txt p a:hover { background: #20ae9e; }
.index_4 .in_vid { position: relative; width:45%; padding: 15.5% 0; }
.index_4 .in_vid .video { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.index_4 .in_vid .video > * { width: 100%; height: 100%; }
.index_4 .in_vid > span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.index_4 .in_vid > span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.index_4 .in_vid > span i { position: absolute; top: 38%; left: 50%; z-index: 2; font-size: 56px; color: #fff; font-style:normal; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.index_4 .in_vid > span em { display: block; position: absolute; left: 0; bottom:0px; z-index: 2; width: 100%; height: 70px; background-color:rgba(0, 0, 0, 0.8); font-size: 22px; color: #dcdcdc; line-height: 70px; text-align: center; font-style:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*-- 首页公司简介 结束 --*/


/*-- 首页案例 开始 --*/
.case_bg {
    background: url(../image/pro_bg.jpg) no-repeat center top;
    padding: 87px 0 30px; clear:both;
}
.min_w {
    min-width: 1200px;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.case_con {
    width: 770px;
}
.case_tit {
    height: 100px;
    color: #fff;
}
.case_tit i {
    display: block;
    font-size: 48px;
    line-height: 40px;
    height: 60px; font-style:normal;
}
.f24 {
    font-size: 24px;
}
.case_more {
    line-height: 40px;
    color: #fff;
    background: url(../image/icon04.png) no-repeat right center;
    padding-right: 40px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.case_text {
    height: 120px;
    line-height: 30px;
    color: #fff;
    padding: 20px 0;
}
.case_list{ margin:0; padding:0; list-style-type: none; position: relative;}
.case_list li {
    width: 400px;
    height: 260px;
    float: left; overflow:hidden; text-align:center;
}
.case_list_first {
    position: absolute;
    right: 0;
    top: -260px;
}
.case_list li a {
    display: block;
    position: relative;transition: all 0.3s;
}
.case_list li a > img{width:100%; height:auto; border:0px;}
.case_list_text {
    line-height: 35px;
    height: 105px;
    overflow: hidden;
    margin: 10px 0;
    color: #666;
}
.case_list_name {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 0;
    overflow: hidden; background-color:rgba(255,255,255,0.8);
    box-sizing: border-box;
    transition: all .3s linear;
}
.case_list_name b {
    line-height: 60px;
}
.case_list li a:hover .case_list_name {
    height: 260px;
    padding: 30px;
    box-shadow: 0 0 0px #d0d0d0;
}
.f18 {
    font-size: 18px;
}
.f16 {
    font-size: 16px;
}
.fb {
    font-weight: bold;
}
.blue {
    color: #00a0e9;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.rel {
    position: relative;
}
.cl {
    clear: both;
}
/*-- 首页案例 结束 --*/

/*-- 首页新闻 开始 --*/
.index_tit {
    height: 60px;
    line-height: 60px;
    margin: 20px 0; color: #333;
    text-transform: uppercase;
}
.index_tit b {
    font-size: 30px;
    margin-right: 10px;
}
.index_tit i {
    padding-top: 20px;
    line-height: 40px; font-style:normal;
}
.index_type {
    background: url(../image/icon01.jpg) no-repeat left center;
    padding: 0 20px;
    font-size: 16px; color: #333;
}
.news_bg{padding-bottom:50px; clear:both;}
.news_l{width:530px;}
.news_r{width:620px;}
.news_l_list{padding:10px 0;}
.news_l_list_date{color:#5b5b5b; width:90px;padding-right:20px;border-right:#ddd solid 1px;height:100px;padding-top:20px;box-sizing:border-box;}
.news_l_list_date b{font-size:22px;line-height:40px;color:#5b5b5b;}
.news_l_list_con{width:420px;line-height:30px;padding-top:10px;color:#666; text-align:left;}
.news_l_list_con h3{color:#333;}
.news_list{margin-bottom:50px;}
.news_list li{height:120px;clear:both;position:relative;}
.news_list li a{display:block; color:#5b5b5b;}
.news_list_pic{margin:10px 0px 10px 20px;}
.news_list_date{width:90px;padding-right:20px;border-right:#ddd solid 1px;height:140px;padding-top:40px;box-sizing:border-box;}
.news_list_date b{font-size:22px;line-height:40px;color:#5b5b5b;}
.news_list_con{width:340px;line-height:30px;padding-top:20px;color:#666; text-align:left;}
.news_list li a:hover .news_list_con{color:#00a0e9;}
.news_list_con h3{color:#333;line-height:40px;}
.news_list_line{position:absolute;left:88px;top:0px;height:0;width:3px;background:#dcdcdc;transition:all .5s linear;}
.news_list li:hover .news_list_line{top:55px;height:30px;}
.news_more{display:block;width:120px;margin:0 auto;background:url(../image/more.png) no-repeat 100px center;padding-right:20px;color:#999;line-height:40px;border:#00a0e9 solid 1px;height:40px;border-radius:20px;}
/*-- 首页新闻 结束 --*/

/*----- 首页新闻 开始 -----*/
.ititle {
    font-size: 34px;
    color: #333;
    text-align: center;
    font-weight: lighter;
}
.ln * {
    box-sizing: border-box;
    line-height: 1;
}
.ln{padding-bottom: 88px;}
.ln .ln-intro{text-align: center;font-size: 16px;color: #a39d90;padding-top: 15px;margin-bottom: 72px;padding-left: 20px;padding-right: 20px;}
@media (max-width: 1200px){
    .ln{padding-bottom: 54px;}
    .ln .ln-intro{margin-bottom: 44px;}
}
@media (max-width: 800px){
    .ln{padding-bottom: 45px;}
    .ln .ln-intro{margin-bottom: 38px;}
}
@media (max-width: 500px){
    .ln{padding-bottom: 29px;}
    .ln .ln-intro{margin-bottom: 26px;}
}
.ln-list{width: 100%;max-width: 1510px;margin: 0 auto;padding-left: 20px;padding-right: 20px;overflow: hidden;}
.ln-list>li{float: left;width: 21.11%;margin-right: 5%;}
.ln-list>li:last-child{margin-right: 0;}
.ln-list>li>a{display: block;width: 100%;padding-top: 82.1%;position: relative;}
.ln-list .img-box{width: 100%;padding-top: 55.789%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all .5s;}
.ln-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ln-list .date{width: 100%;position: absolute;left: 0;top: 0;z-index: 3;padding-left: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;font-family: 微软雅黑;}
.ln-list .date:after{display: none;content: "";width: 42px;height: 42px;border: 1px solid #6b729b;background-image: url(../image/icon-right3.png);background-repeat: no-repeat;background-position: center center;position: absolute;right: 20px;top: 50%;margin-top: -21px;}
.ln-list .md{font-size: 34px;color: #666;font-weight: lighter;padding-bottom: 4px;}
.ln-list .y{font-size: 14px;color: #666;}
.ln-list .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 108px 20px 0 20px;z-index: 2;}
.ln-list .title{font-size: 18px;color: #666;line-height: 26px;height: 52px;overflow: hidden;margin-bottom: 17px;text-transform: Uppercase;}
.ln-list .abstract{font-size: 14px;color: #999;line-height: 22px;height: 44px;overflow: hidden;}
.ln-list>li>a:hover .img-box,
.ln-list>li.active>a .img-box{opacity: 1;}
.ln-list>li>a:hover .date,
.ln-list>li.active>a .date{background-color: #3e477d;top: auto;bottom: 0;padding-top: 22px;padding-bottom: 22px;}
.ln-list>li>a:hover .date:after,
.ln-list>li.active>a .date:after{display: block;}
.ln-list>li>a:hover .md,
.ln-list>li.active>a .md{color: #fff;}
.ln-list>li>a:hover .y,
.ln-list>li.active>a .y{color: #fff;}
.ln-list>li>a:hover .text,
.ln-list>li.active>a .text{padding-top: 40px;background-color: rgba(0,0,0,0.5);}
.ln-list>li>a:hover .title,
.ln-list>li.active>a .title{color: #fff;}
.ln-list>li>a:hover .abstract,
.ln-list>li.active>a .abstract{color: #fff;}
@media (max-width: 1700px){
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 20px;}
}
@media (max-width: 1450px){
    .ln-list .title{font-size: 16px;line-height: 22px;margin-bottom: 8px;height: 44px;}
    .ln-list .abstract{font-size: 13px;line-height: 19px;height: 38px;}
}
@media (max-width: 1300px){
    .ln-list .md{font-size: 28px;}
    .ln-list .text{padding-top: 80px;padding-left: 10px;padding-right: 10px;}
    .ln-list .date{padding-left: 10px;}
    .ln-list .title{font-size: 14px;line-height: 18px;margin-bottom: 6px;height: 36px;}
    .ln-list .abstract{font-size: 12px;line-height: 16px;height: 32px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 10px;padding-bottom: 10px;}
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 10px;}
}
@media (max-width: 1200px){
    .ln-list .md{font-size: 23px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 10px;padding-bottom: 10px;}
    .ln-list .date:after{width: 30px;height: 30px;margin-top: -15px;}
}
@media (max-width: 930px){
    .ln-list>li{width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .ln-list>li:nth-child(even){margin-right: 0;}
    .ln-list>li>a{padding-top: 70%;}
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 20px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 22px;padding-bottom: 22px;}
    .ln-list .text{padding-left: 20px;padding-right: 20px;}
    .ln-list .date{padding-left: 20px;}
    .ln-list .md{font-size: 28px;}
    .ln-list .y{font-size: 14px;}
    .ln-list .title{font-size: 16px;line-height: 22px;margin-bottom: 8px;height: 44px;}
    .ln-list .abstract{font-size: 13px;line-height: 19px;height: 38px;}
}
@media (max-width: 700px){
    .ln-list>li>a{padding-top: 82.1%;}
}
@media (max-width: 600px){
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 10px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 15px;padding-bottom: 15px;}
    .ln-list .text{padding-left: 10px;padding-right: 10px;}
    .ln-list .date{padding-left: 10px;}
    .ln-list .md{font-size: 23px;}
    .ln-list .y{font-size: 12px;}
    .ln-list .title{font-size: 14px;line-height: 18px;margin-bottom: 6px;height: 36px;}
    .ln-list .abstract{font-size: 12px;line-height: 16px;height: 32px;}
}
@media (max-width: 500px){
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 11px;padding-bottom: 11px;}
    .ln-list .md{font-size: 19px;}
    .ln-list .title{font-size: 13px;line-height: 17px;height: 34px;}
}
@media (max-width: 420px){
    .ln-list>li{width: 100%;margin-bottom: 4%;}
    .ln-list>li>a{padding-top: 60%;}
}
/*-- 首页新闻 结束 --*/

.new-box{ padding:64px 0; background:#ededed; overflow:hidden; clear:both;}
.new{ width:1165px; margin:auto;}
.new-center{ padding:27px 22px 0 42px; background:#fff; height:272px; width:408px; position:relative; float:left;}
.swiper-slide{ height:100%;}
.new-title{ margin-bottom:66px;}
.new-title h3{ color:#ff7f18; font-size:20px; float:left; font-weight:normal;}
.new-title h3 small{ display:inline-block; line-height:normal; color:#5b5b5b; font-size:20px; font-family:Arial; margin-left:6px;}
.new-title a{ display:block; width:18px; height:18px; float:right; margin-right:3px; border:1px solid #a0a0a0; margin-top:2px; position:relative; transition:620ms;}
.new-title a:before{ content:""; width:5px; height:5px; position:absolute; left:6px; top:6px; background:url(../image/add1.png) center no-repeat; transition:650ms;}
.new-title a:hover{ border-color:#ff7f18;}
.new-title a:hover:before{ background:url(../image/add2.png) center no-repeat; transform:rotate(180deg);}
.news{ width:403px; height:185px; border-top:1px solid #d3d3d3; padding-top:26px; box-sizing:border-box; position:absolute; right:22px; bottom:0;}
.new-list li figure{ display:block; line-height:0; float:left; overflow:hidden;}
.new-list li figure img{ display:block; transition:450ms;}
.new-list li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.new-list li:hover figcaption h3{ color:#ff8c2f;}
.new-list li figcaption{ display:block; float:right; width:246px;}
.new-list li figcaption h3{ color:#5e5e5e; font-size:15px; line-height:20px; margin-bottom:14px; font-weight:normal;}
.new-list li figcaption p{ color:#aeaeae; font-size:12px; line-height:18px;}
.news .flex-direction-nav{ width:70px; height:26px; position:absolute; right:-22px; bottom:0;}
.news .flex-direction-nav a{ float:left; width:50%; display:block; height:26px; text-indent:999px; overflow:hidden;}
.news .flex-direction-nav a.flex-prev{ background:#e5e5e5 url(../image/prev.png) center no-repeat;}
.news .flex-direction-nav a.flex-next{ background:#e5e5e5 url(../image/next.png) center no-repeat;}
.news .flex-direction-nav a.flex-prev:hover{ background:#ff8c2f url(../image/prev.png) 40% center no-repeat;}
.news .flex-direction-nav a.flex-next:hover{ background:#ff8c2f url(../image/next.png) 60% center no-repeat;}
.company{ float:right;}
.profile{ padding:25px 0 0 0; width:254px; position:relative; height:273px; background:#fff; float:left;}
.profile .new-title{ padding:0 26px 0 28px; margin-bottom:14px;}
.profile .new-title h3 small{ margin-left:0;}
.profile-list p{ color:#aeaeae; cursor:pointer; line-height:18px; padding:0 32px 20px 32px;}
.profile-list p:hover{ color:#18a154;}
.profile-list li{ border-top:1px solid #e5e5e5;}
.profile-list li a{ display:block; height:53px; line-height:53px; color:#000000; font-size:15px; text-indent:28px; background:url(../image/pr.png) 216px center no-repeat;}
.profile-list li a:hover{ color:#009944; background-position:222px center;}
.company-img{ float:left; overflow:hidden;}
.company-img img{ display:block; transition:450ms; cursor:pointer;}
.company-img img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.city{ padding-left:26px; padding-right:13px; position:absolute; left:0; bottom:30px; box-sizing:border-box; width:100%;}
.city span{ display:none; line-height:normal; color:#000000; font-size:15px; padding-bottom:12px; border-bottom:1px solid #dcdcdc; opacity:0; visibility:hidden; transition:540ms;}
.city span:nth-child(1).on,.city span.on{ visibility:visible; opacity:1; display:block;}
.case-fix{ width:402px; float:left; position:relative; line-height:normal;}
.case-fix ul li img{ width:100%; height:auto; line-height:normal;}
.case-fix ul li a{ display:block; line-height:0;}
.case-fix .flex-control-nav{ position:absolute; right:20px; bottom:15px;}
.case-fix .flex-control-nav li{ float:left; margin-left:8px;}
.case-fix .flex-control-nav li span{ text-indent:999px; overflow:hidden; width:13px; height:13px; display:inline-block; background:url(../image/radius1.png) center no-repeat; transition:540ms;}
.case-fix .flex-control-nav li a.flex-active span{ background:url(../image/radius2.png) center no-repeat;}
.tels{ width:1165px; margin:auto; margin-top:20px;}
.tels h2{ color:#ff8c2f; font-size:36px; font-weight:normal; line-height:normal; font-family:"helvetica_neue_ltregular"; padding-left:8px; font-weight:normal;}
.tels h2 small{ display:inline-block; color:#606060; font-size:17px; font-family:微软雅黑; margin-left:10px;}

/*footer*/ 
.address{ float:left; margin-left:6px;}
.address h2{ line-height:normal; color:#033257; font-size:30px; font-weight:normal; margin-bottom:12px;}
.address span{ display:block; color:#646464; font-size:14px;}
.address span b{ display:inline-block;}

.footer-top.article-block{ opacity:0; position:relative; top:30px; overflow:hidden;}
.footer-top.articleShow{ opacity:1; top:0; transition:840ms;}
.wechat{ float:right;}
.code{ float:right;}
.codeimg{  border:1px solid #e5e5e5; padding:2px;}
.codeimg img{ display:block; width:150px; height:150px;}
.code span{ display:block; text-align:right; color:#646464; font-size:16x; line-height:18px;}
.eq-list{ float:left; width:156px; margin-top:2px;}
.eq-list a{ display:block; padding-left:54px; margin-bottom:22px; color:#646464; font-size:14px; line-height:45px;}
.eq-list a:last-child{ margin-bottom:0;}
.eq-list a:nth-child(1){ background:url(../image/weib.png) left center no-repeat;}
.eq-list a:nth-child(2){ background:url(../image/wa.png) left center no-repeat;}
.eq-list a:hover{ color:#ff8c2f;}
.footer-bottom{ background:#033257;}
.footer-inner{ width:1156px; margin:auto;}
.footer-inner a{ display:inline-block; float:left; height:31px; line-height:31px; color:#ffffff; font-family:Arial; margin-right:22px;}
.footer-inner a:hover{ color:#ff8c2f;}
.footer-inner a:nth-child(2){ font-family:微软雅黑;} 

/*new*/
.innderbanner img{ width:100%; height:auto; display:block;}
.second-level{ padding-top:20px; position:relative;}
.second-list{ padding-left:13px; position:static;}
.second-list >li{ float:left; padding-bottom:10px; width:auto; position:static;}
.second-list >li >a >i{ width:12px; height:6px; background:url(../image/top.png) center no-repeat; position:absolute; left:50%; margin-left:-6px; bottom:-10px; z-index:5; transition:650ms; opacity:0;}
.second-list >li >a{ display:inline-block; line-height:normal; padding:0 32px 10px; color:#323232; font-size:20px; position:relative;}
.second-list >li >a:before{ content:""; width:1px; height:23px; background:#a0a0a0; position:absolute; right:0; top:0px;}
.second-list >li:last-child >a:before{ display:none;}
.second-list >li >a:after{ content:""; width:68px; height:5px; background:#e56724; position:absolute; left:50%; margin-left:-34px; bottom:5px; transition:780ms; opacity:0;}
.second-list >li.now >a >i{ opacity:1;}
.second-list >li.now >a:after{ bottom:0; opacity:1;} 
.second-list >li.now .leval-fix{ opacity:1; visibility:visible;}
.leval-fix{ width:100%; background:#023459; position:absolute; left:0; top:90px; opacity:0; visibility:hidden; transition:650ms; box-sizing:border-box;}
.leval-fix li{ float:left; margin-right:3px; height:28px; margin-top:5px;}
.leval-fix li a{ display:inline-block; padding:2px 11px 0px; line-height:normal; font-size:14px; position:relative; overflow:hidden; height:26px;}
.leval-fix li a i{ display:inline-block; font-style:normal; color:#ffffff; position:relative; z-index:5; transition:480ms;}
.leval-fix li a:before{ content:""; width:100%; height:28px; background:#ededed; transition:650ms; position:absolute; left:0; top:100%; z-index:0;}
.leval-fix li a:hover i,.leval-fix li a.on i{ color:#323232;}
.leval-fix li a:hover:before,.leval-fix li a.on:before{ top:0;}
.leval-fix li:nth-child(1){ margin-left:50px;}
.swiper-button-next{ width:37px; height:29px; background:url(../image/prev4.png) center no-repeat; right:0; top:0; margin-left:0; margin-top:0; z-index:20; display:none;}
.swiper-button-prev{ width:37px; height:29px; background:url(../image/next4.png) center no-repeat; left:0; top:0; margin-left:0; margin-top:0; z-index:20; display:none;}

.new-fix{ background:#ededed; padding:54px 0 0;}
.new-ifno li{ transition:460ms;}
.new-ifno li .new-time{ transition:520ms;}
.new-ifno li .new-content{ cursor:pointer;}
.new-ifno li .new-content time{ display:inline-block; height:38px; line-height:38px; color:#646464; margin-left:25px; width:28.2%; float:left; transition:450ms;}
.new-ifno li .new-content span{ display:inline-block; float:left; line-height:38px; color:#323232; font-size:14px;}
.new-ifno li .new-content .new-more{ width:100px; height:38px; position:relative; float:right; visibility:hidden; transition:780ms; opacity:0; background:#d2d2d2;}
.new-ifno li .new-content .new-more b{ display:block; background:#fff; position:absolute; transition:680ms 200ms; opacity:0;}
.new-ifno li .new-content .new-more b:nth-child(1){ width:14px; height:1px; left:24px; top:19px;}
.new-ifno li .new-content .new-more b:nth-child(2){ width:1px; height:14px; left:51px; top:-5px;}
.new-ifno li:hover .new-time{ background:#d2d2d2;}
.new-ifno li:hover .new-time time{ color:#323232;}
.new-ifno li:hover .new-time .new-more{ visibility:visible; opacity:1; background:#e26c2a;}
.new-ifno li:hover .new-time .new-more b:nth-child(1){ opacity:1; left:44px;}
.new-ifno li:hover .new-time .new-more b:nth-child(2){ opacity:1; top:13px;}
.newdemo{ padding:18px 0; background:#fff; display:none;}
.new-in figure{ display:block; float:left; margin-left:22px; width:24%; float:left; line-height:0; overflow:hidden;}
.new-in figure img{ display:block; width:100%; height:auto; transition:650ms;}
.new-in:hover figure img{ transform:scale(1.1);}
.new-in:hover figcaption h4{ color:#e26c2a;}
.new-in:hover .datas span{ color:#e26c2a;}
.new-in figcaption{ margin-left:4.8%; width:50%; float:left;}
.new-in figcaption h4{ color:#323232; font-size:22px; line-height:normal; font-weight:normal; transition:540ms;}
.new-in figcaption p{ color:#646464; font-size:14px; margin-top:14px;}
.datas{ width:10%; float:right;}
.datas .datfix{ padding:8px 18px 6px 0; background:#e26c2a; text-align:right;}
.datas .datfix strong{ display:block; line-height:normal; text-align:right; font-weight:normal; color:#ffffff; font-size:25px;}
.datas .datfix b{ display:block; text-align:right; color:#ffffff; font-size:16px; line-height:normal; font-weight:normal;}
.datas span{ display:block; color:#323232; font-size:14px; margin-top:30px; transition:480ms;}
.pages{ padding:88px 0 82px; position:relative;}
.page-info{ float:left; width:39%; position:relative;}
.page-info a{ display:block; padding-left:40px; color:#323232; font-size:14px; line-height:26px; background:url(../image/triangle.png) left center no-repeat; transition:560ms;}
.page-info a b{ display:block; width:33px; height:1px; background:#a0a0a0; position:absolute; transition:730ms;}
.page-info:nth-child(1) a b{ left:88px; top:14px;}
.page-info:hover a{ color:#ff8c31; background:url(../image/triangle5.png) left center no-repeat;}
.page-info:hover a b{ width:300px; background:#ed6c00;}
.page-info:nth-child(2){ float:right;}
.page-info:nth-child(2) a{ padding-left:0; padding-right:40px; background:url(../image/triangle1.png) right center no-repeat; text-align:right;}
.page-info:nth-child(2) a b{ right:88px; top:14px;}
.page-info:nth-child(2):hover a{ background:url(../image/triangle4.png) right center no-repeat;}

.pagenumble{ position:absolute; left:50%; top:81px; margin-left:-15px;}
.pagenumble strong{ display:inline-block; color:#323232; font-size:22px; font-weight:normal;}
.pagenumble b{ display:inline-block; font-size:14px; color:#323232; font-weight:normal;}

/*新闻详情*/
.menu-fix{ background:#023459; padding-right:22px; text-align:right;}
.menu-fix a{ display:inline-block; color:#ffffff; line-height:28px;}
.menu-fix b{ display:inline-block; line-height:28px; font-weight:normal; margin:0 10px; color:#fff;}
.menu-fix a:hover{ color:#e26c2a;}
.new-view{ background:#ededed; padding-top:100px;}
.view-title{ margin-bottom:60px; text-align:center;}
.view-title h3{ color:#323232; font-size:24px; text-align:center; font-weight:normal; line-height:normal; padding-bottom:32px; border-bottom:1px solid #d2d2d2;}
.view-title time{ display:block; text-align:center; margin-top:10px;}
.view-banner{ position:relative; padding:0 140px 12px 140px; border-bottom:1px solid #d2d2d2;}
.view-banner ul li figure{ display:block; line-height:normal; overflow:hidden;}
.view-banner ul li figure img{ display:block; width:100%; height:auto; line-height:0;}
.view-banner ul li figcaption{ display:block; text-align:center; color:#323232; font-size:14px; margin-top:18px;}
.view-banner .flex-prev{ width:19px; height:32px; text-indent:999px; overflow:hidden; transition:650ms; position:absolute; left:15px; top:50%; margin-top:-16px; background:url(../image/prev2.png) center no-repeat;}
.view-banner .flex-prev:hover{ background:url(../image/prev3.png) center no-repeat;}
.view-banner .flex-next{ width:19px; height:32px; text-indent:999px; overflow:hidden; transition:650ms; position:absolute; right:15px; top:50%; margin-top:-16px; background:url(../image/next2.png) center no-repeat;}
.view-banner .flex-next:hover{ background:url(../image/next3.png) center no-repeat;}
.view-text{ width:725px; margin:50px auto 50px;}
.view-text p{ color:#323232; font-size:14px; text-indent:26px; margin-bottom:10px;}
.view-text img{ max-width: 100% !important;height: auto !important}
/*公司介绍*/
.aboue-box{ background:#ededed;}
.about{ width:812px; margin:auto;}
.about-title{ padding:86px 0 80px;}
.about-title h2{ text-align:center; color:#00244b; font-size:35px; font-weight:normal; margin-bottom:30px;}
.about p{ color:#646464; font-size:14px; margin-bottom:10px; text-indent:26px;}
.abouttitle{ padding:135px 0; text-align:center;}
.abouttitle h3{ text-align:center; position:relative; color:#ffffff; font-size:50px; font-weight:normal; line-height:normal; padding-top:35px; padding-bottom:35px;}
.abouttitle h3:before{ content:""; width:54px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-27px; top:0;}
.abouttitle h3:after{ content:""; width:54px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.abouetext{ padding:72px 0 80px;}
.aboutfix{ height:50px;}

/*case*/
.case-banner{ padding:195px 0 270px;}
.case-banner h3{ color:#ffffff; font-size:50px; text-align:center; line-height:normal; position:relative; padding:20px 0; font-weight:normal;}
.case-banner h3:before{ content:""; width:76px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-38px; top:0;}
.case-banner h3:after{ content:""; width:76px; height:1px; background:#fff; position:absolute; right:50%; margin-right:-38px; bottom:0;}

.case-box{ padding:32px 60px 0; background:#ededed;}
.case li{ width:24%; margin-right:1.333333%; background:#fff; position:relative; float:left; margin-top:32px;}
.case li figcaption:before{ content:""; width:100%; height:100%; left:0; top:-100%; background:#e56724; transition:750ms; position:absolute;}
.case li:nth-child(4n+4){ margin-right:0;}
.case li:hover figcaption:before{ top:0;}
.case li:hover figcaption time,.case li:hover figcaption h3{ color:#fff;}
.case li:hover figcaption .casemore:before{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:650ms 450ms;}
.case li:hover figcaption .casemore:after{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 450ms;}
.case li:hover figure:before{ height:7px; top:0;} 
.case li:hover figure img{ transform:scale(1.08);}
.case li:hover figcaption b{ width:86.2%;}
.case li figure{ display:block; position:relative; overflow:hidden;}
.case li figure:before{ width:100%; height:0px; content:""; position:absolute; left:0; top:0; transition:750ms; background:#e56724; z-index:10;} 
.case li figure img{ width:100%; height:auto; display:block; line-height:0; transition:860ms;}
.case li figcaption{ display:block; padding:12px 6.9% 16px; position:relative; overflow:hidden;}
.case li figcaption time{ color:#969696; transition:480ms; position:relative; z-index:5;}
.case li figcaption h3{ color:#323232; font-size:15px; font-weight:normal; transition:480ms;height: 54px;overflow: hidden; position:relative; z-index:5;}
.case li figcaption b{ display:block; width:0; height:1px; background:#fff; position:absolute; left:6.9%; bottom:6px; z-index:5; transition:660ms 420ms;}
.case li figcaption .casemore{ width:22px; height:22px; position:absolute; right:6.9%; top:20px; z-index:5;}
.case li figcaption .casemore:before{ content:""; width:22px; height:1px; background:#fff; position:absolute; left:0; top:11px; transition:650ms 0; opacity:0; transform:translateX(20px); -webkit-transform:translateX(20px); -moz-transform:translateX(20px);}
.case li figcaption .casemore:after{ content:""; width:1px; height:22px; background:#fff; position:absolute; left:11px; top:0; transition:650ms 0; opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px);}

/*资质荣誉*/
.honor-box{ padding:100px 0 80px; background:#ededed;}


/*案例详情*/
/*.casebanner{ background:#023459;}
.casebanner .bannerText{ width:100%; height:3px; top:100%; left:0; margin-left:0; background:none; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.casebanner .bann{ width:100%; height:3px; padding:0; position:absolute; left:0; bottom:3px;}*/

.casevide{ padding:0; height:560px; background-size:cover !important; border-bottom:3px solid #e56724;}
/* .casefix-box{ background:#e2e6ff;} */
.case-title{ padding:30px 0;}
.case-title h3{ padding-top:20px; color:#323232; font-size:50px; font-weight:normal; text-align:center; position:relative;}
.case-title h3:before{ content:""; width:76px; height:1px; background:#a0a0a0; position:absolute; left:50%; margin-left:-38px; top:0;}
.case-title time{ color:#969696; font-size:14px; text-align:center; padding-bottom:26px; position:relative; display:block;}
.case-title time:before{ content:""; width:76px; height:1px; background:#a0a0a0; position:absolute; right:50%; margin-right:-38px; bottom:0;}
.project-address{ background:#fff; padding:28px 0 38px;}
.projext{ width:1156px; margin:auto;}
.area{ float:left;}
.area:nth-child(1){ width:455px;}
.area span{ display:block; color:#323232; font-size:14px;}
.area strong{ display:block; color:#323232; font-size:25px; font-weight:normal;}
.sharepro{ float:right; margin-top:8px;}
.sharepro a{ display:block; width:20px; height:21px; margin-bottom:14px;}
.sharepro a:nth-child(1){ background:url(../image/share.png) center no-repeat;}
.sharepro a:nth-child(2){ background:url(../image/cope.jpg) center no-repeat; margin-bottom:0;}
.sharepro a:nth-child(1):hover{ background:url(../image/share1.png) center no-repeat;}
.sharepro a:nth-child(2):hover{ background:url(../image/cope1.png) center no-repeat;}
.case-text{ 
    /* border-top:1px solid #e56724;  */
    width:1156px; margin:auto; 
    /* margin-top:94px; */
}
.case-info{ padding:45px 0;}
.case-info figure{ display:block; line-height:normal; width:71.8%; float:left; overflow:hidden;}
.case-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:860ms;}
.case-info figure img:hover,.caseview figure img:hover{ transform:scale(1.06);}
.case-info figcaption{ width:28.2%; float:right; box-sizing:border-box; padding:33px 40px 0;}
.case-info figcaption h3{ color:#000000; font-size:30px; font-weight:normal; margin-bottom:20px; line-height:normal;}
.case-info figcaption p{ color:#000000; font-size:14px; text-indent:26px; margin-top:10px;}

.caseview{ padding:26px 0 20px;}
.caseview figure{ display:block; line-height:normal; overflow:hidden; width:100%; float:none;}
.caseview figure img{ display:block; width:100%; height:auto; transition:860ms;}
.caseview figcaption{ padding:40px 16% 0; float:none; width:100%;}
.caseview figcaption p{ color:#000000; font-size:14px; text-indent:26px; margin-bottom:10px;}
.case-list .case-info figcaption{ float:left;}
.case-list .case-info figure{ float:right;}
.case-list .case-info:nth-child(2n+2) figcaption{ float:right;}
.case-list .case-info:nth-child(2n+2) figure{ float:left;}
.twofloat figure{ float:right;}
.twofloat figcaption{ float:left;}
.morecase{ padding:34px 0 95px; border-top:1px solid #e56724;}
.morecase h2{ color:#323232; font-size:30px; font-weight:normal; margin-bottom:22px;}
.morecase .case li{ margin-top:0; margin-right:0; width:33.3333%; background:none;}
.morecase .case li a{ display:block; padding-right:2px;}
.morecase .case li figcaption{ background:#fff;}

/*设计与研究*/
.desigin{ width:50%; float:left; overflow:hidden; position:relative;}
.desigin:nth-child(2) figcaption .desigin-wr:before{ background:url(../image/adius2.png) center no-repeat;}
.desigin:nth-child(2):hover figcaption{ background:rgba(2,52,89,0.9);}
.desigin:nth-child(2) figcaption .desigin-wr span{ background:url(../image/sigin.png) center no-repeat;}
.desigin figure{ display:block; line-height:normal; overflow:hidden;}
.desigin figure img{ display:block; width:100%; height:auto; line-height:0;}
.desigin figcaption{ display:block; width:100%; height:100%; position:absolute; transition:860ms 0ms; left:0; top:0;}
.desigin figcaption .desigin-wr{ width:244px; height:244px; position:absolute; left:50%; top:50%; margin-top:-122px; margin-left:-122px; text-align:center;}
.desigin figcaption .desigin-wr:before{ width:100%; height:100%; content:""; position:absolute; left:0; top:0; background:url(../image/adius1.png) center no-repeat; transition:860ms;}
.desigin figcaption .dow{ display:block; width:14px; height:21px; background:url(../image/down2.png) center no-repeat; position:absolute; left:50%; margin-left:-7px; bottom:36px; opacity:0; transition:640ms 0ms;}
.desigin figcaption .desigin-wr span{ display:block; width:29px; height:29px; background:url(../image/load1.png) center no-repeat; margin:auto; margin-top:50px; position:relative; z-index:5;}
.desigin figcaption .desigin-wr b{ display:block; width:66%; height:1px; margin:auto; background:#fff; margin-top:31px; position:relative; z-index:5;}
.desigin figcaption .desigin-wr h3{ text-align:center; color:#ffffff; font-size:25px; margin-top:10px; position:relative; z-index:5;}
.desigin figcaption .desigin-wr i{ display:block; width:14px; height:21px; position:absolute; left:50%; margin-left:-7px; bottom:17px; background:url(../image/down2.png) center no-repeat; transition:670ms 200ms;}
.desigin:hover figcaption{ background:rgba(255,130,28,0.9); transition:860ms 0ms;}
.desigin:hover figcaption .desigin-wr:before{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.desigin:hover figcaption .desigin-wr i{ opacity:0; transition:570ms 0;}
.desigin:hover figcaption .dow{ opacity:1; bottom:24px;  transition:640ms 350ms;}


.desigin-box{ padding:116px 62px 105px; background:#ededed; overflow:hidden;}
.desigin-introduct{ text-align:center; padding:48px 0 50px; border-bottom:2px solid #023459; background:url(../image/sea.jpg) center no-repeat; background-size:cover;}
.desigin-introduct p{ color:#323232; font-size:14px; width:615px; text-align:center; margin:auto;}
.desiginname{ padding:96px 0;}
.desiginname figure{ float:left; width:36.8%; line-height:normal;}
.desiginname figure img{ display:block; width:100%; height:auto;}
.desigin-text{ width:40%; float:right;}
.desigin-text h3{ color:#023459; font-size:18px; font-weight:normal; line-height:normal; padding-bottom:8px; text-align:right; border-bottom:3px solid #535353;}
.name{ margin-top:40px; border-bottom:1px solid #a0a0a0;}
.name strong{ float:left; font-weight:normal; color:#323232; font-size:35px; line-height:62px; position:relative;}
.name strong:before{ content:""; width:17px; height:7px; background:#a0a0a0; position:absolute; left:6px; bottom:-4px;}
.name span{ float:right; display:inline-block; color:#323232; font-size:14px; padding-left:17px; background:url(../image/line.png) left center no-repeat; padding-top:6px; margin-top:22px;}
.briefing{ margin-top:54px;}
.briefing h4{ color:#323232; font-size:18px; font-weight:normal; margin-bottom:10px;}
.briefing p{ color:#646464; font-size:14px; line-height:2;}
.briefing a{ display:block; margin-top:10px; color:#969696; text-transform:uppercase; border-bottom:1px solid #a0a0a0; line-height:2.2;}

.common-text{ background:#fff url(../image/bg2.png) 30px 50px no-repeat; border-bottom:2px solid #023459; margin-bottom:80px;}
.common-text figure{ display:block; line-height:normal; width:50%; float:right;}
.common-text figure img{ width:100%; height:auto; line-height:0; display:block;}
.strongs{ float:left; width:35.5%;}
.strongs .name{ margin-top:28px;}
.strongs .name strong{ color:#023459;}
.strongs p{ margin-top:54px; color:#646464; font-size:14px; line-height:2;}

.governing-box{ padding:60px 0; background:#fff; text-align:center;}
.governing-box h3{ padding:22px 0; text-align:center; color:#033257; font-size:25px; font-weight:normal; position:relative;}
.governing-box h3:before{ content:""; width:136px; height:1px; background:#c9c9c9; position:absolute; left:50%; margin-left:-68px; top:0;}
.governing-box h3:after{ content:""; width:136px; height:1px; background:#c9c9c9; position:absolute; right:50%; margin-right:-68px; bottom:0;}
.gover-info .article-block{ position:relative; cursor:pointer; transition:880ms 0ms;}
.gover-info:nth-child(2) .desigin-list{ display:block;}
.gover-info .article-block.on,.gover-info .article-block:hover{ background:#023459; transition:880ms 0ms;}
.gover-info .article-block.on h3,.gover-info .article-block:hover h3{ color:#fff; transition:760ms !important;}
.gover-info .article-block.on b,.gover-info .article-block:hover b{ color:#fff; transition:680ms !important;}
.gover-info .article-block.on p,.gover-info .article-block:hover p{ color:#fff; transition:680ms !important;}
.gover-info .article-block.on:before,.gover-info .article-block:hover:before{ opacity:1; visibility:visible;}

.governing{ padding:44px 0 34px; background:#fff; position:relative; text-align:center;}
.governing h3{ text-align:center; color:#033257; font-size:25px; font-weight:normal;}
.governing b{ display:block; width:58px; height:1px; margin:auto; margin-top:28px; margin-bottom:32px; background:#c9c9c9;}
.governing  p{ color:#023459; font-size:14px; text-align:center; line-height:20px;}
.gover-info .article-block:before{ content:""; width:21px; height:11px; position:absolute; left:50%; margin-left:-10px; bottom:-11px; background:url(../image/down3.png) center no-repeat; z-index:10; opacity:0; visibility:hidden; transition:670ms;} 
.desigin-list{ padding:70px 0; display:none;}
.desigin-list li{ width:23.3%; float:left; margin-right:2.2666%;}
.desigin-list li:last-child{ margin-right:0;}
.desigin-list li figure{ display:block; position:relative; overflow:hidden;}
.desigin-list li figure img{ display:block; width:100%;  height:auto; line-height:0;}
.desigin-list li figure mark{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(3,50,87,0.9); background:#033257\9; filter:alpha(opacity=0); opacity:0; visibility:hidden; transition:780ms;}
.desigin-list li:hover figure mark{ opacity:0.9; visibility:visible;}
.desigin-list li figure mark span{ display:block; width:37px; height:38px; background:url(../image/search4.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:-19px;}
.desigin-list li figcaption{ display:block; margin-top:12px; color:#323232; font-size:14px;}

.fancybox-nav span {
    width: 40px;
    height: 40px;
    margin-top: -20px;
	background:url(../image/ab-arrow-left.png) no-repeat;
	}
.fancybox-nav {
	top:50%;
	margin-top:-20px;
    width: 40px;
    height: 40px;
	background:url(../image/join-arrow.png) no-repeat;
	}
.fancybox-prev{
	left:-70px;
	}
.fancybox-next{
	right:-70px;
	background-position:right center;
	}
.fancybox-overlay {
    background:url(../image/fancybox_overlay.png);
	}
.fancybox-close {
	width: 30px;
	height: 30px;
    top: 7px;
    right: -35px;
	background:url(../image/close.png) no-repeat;
	background-size:cover;
	}
.fancybox-nav:hover span{ background:none; opacity:0.8;}
.fancybox-opened .fancybox-skin {
    box-shadow:none;
	}
.fancybox-skin{
	background:none;
	border-radius:none;
}
.wisdom{ padding:40px 0 58px; background:#fff; text-align:center;}
.wisdom h3{ text-align:center; color:#023459; text-align:center; font-weight:normal; font-size:25px;}
.wisdom b{ display:block; width:58px; height:1px; background:#c9c9c9; margin:auto; margin-top:26px; margin-bottom:30px;}
.wisdom p{ color:#023459; font-size:14px; text-align:center;}
.desigin-introduct1{ background:url(../image/sea1.png) center no-repeat; background-size:cover; border-color:#ff821c;}

.desiginname1 figure{ float:right;}
.desiginname1 .desigin-text{ float:left;}
.desiginname1 .desigin-text h3{ color:#ff821c;}
.common-text1{ border-color:#ff821c; background:url(../image/bg1.jpg) right bottom no-repeat; }
.common-text1 figure{ float:left;}
.common-text1 .strongs{ float:right;}
.common-text1 .name strong{ color:#ff821c;}
.location-box{ background:#f9f9f9; padding-bottom:110px; margin-bottom:50px; overflow:hidden;}
.location h3{ border-bottom:2px solid #ff821c;}
.location h3 small{ height:52px; line-height:52px; color:#323232; font-size:20px; font-weight:normal; text-indent:12px; display:block;}
.major{ margin-top:42px;}
.major-left{ float:left; height:350px; position:relative; width:45%;}
.major-left span{ display:block; color:#323232; font-size:16px; margin-left:12px;}
.major-left span:nth-child(1){ margin-top:12px;}
.major-fix{ position:absolute; left:0; bottom:0; }
.major-info{ float:left; width:128px; text-align:center;}
.major-info:nth-child(1){ margin-right:78px;}
.major-info strong{ display:block; text-align:center; color:#ff821c; font-size:35px; font-weight:normal; border-bottom:dashed 1px #bfbfbf; padding-bottom:2px;}
.major-info strong i{ display:inline-block; font-size:16px; color:#323232; font-style:normal;}
.major-info b{ display:block; text-align:center; font-weight:normal; color:#323232; font-size:16px; margin-top:10px;}
.majorImg{ width:52%; float:right;}
.majorImg img{ width:100%; height:auto; line-height:0;}
.locate-list li{ width:30.3%; margin-right:4.55%; background:#fff; position:relative; overflow:hidden; float:left;}
.locate-list li:last-child{ margin-right:0;}
.locate-list li .lacate-wr{ padding:25px 10% 0 10%; height:342px;}
.locate-list li .lacate-wr strong{ display:block; font-size:68px; font-weight:normal; line-height:68px; padding-left:24px; position:relative; color:#323232; margin-bottom:30px;}
.locate-list li .lacate-wr strong:before{ content:""; width:6px; height:100%; background:#ff821c; position:absolute; left:0; top:0;}
.locate-list li .lacate-wr p{ color:#646464; font-size:14px; line-height:2;}
.loacte-logo{ width:80%; position:absolute; left:10%; bottom:20px;}
.loacte-logo img{ float:left; max-width:90px; height:auto; transition:660ms 0; opacity:0; transform:skewX(-30deg); -webkit-transform:skewX(-30deg); -moz-transform:skewX(-30deg);}
.loacte-logo b{ width:65%; height:1px; background:#ff821c; display:block; position:absolute; right:0; bottom:0; opacity:0; width:0; transition:750ms;}
.loacte-logo:before{ content:""; width:36px; height:1px; background:#ff821c; position:absolute; right:0; top:6px; transition:560ms; opacity:0; width:0; }
.locate-list li:before{ content:""; width:100%; height:0%; border-left:1px solid #ff821c; border-right:1px solid #ff821c; box-sizing:border-box; position:absolute; left:0; top:50%; transition:400ms;}
.locate-list li:after{ content:""; width:0%; height:100%; border-top:1px solid #ff821c; border-bottom:1px solid #ff821c; box-sizing:border-box; position:absolute; left:50%; top:0; transition:400ms;}
.locate-list li:hover:before{ height:100%; top:0;}
.locate-list li:hover:after{ width:100%; left:0;}
.locate-list li:hover .loacte-logo img{ opacity:1; transform:skewX(0deg); -webkit-transform:skewX(0deg); -moz-transform:skewX(0deg); transition:660ms 150ms;}
.locate-list li:hover .loacte-logo b{ width:65%; opacity:1;}
.locate-list li:hover .loacte-logo:before{ width:36px; opacity:1;}

/*营销服务*/
.netbannr{ padding:128px 0 180px; background-size:cover !important;}
.netseivice{ text-align:center; position:relative;}
.netseivice img{ margin:auto;}
.net-fix{ position:absolute; left:70px; top:34px; width:168px;}
.net-fix h2{ color:#ffffff; font-size:25px; font-weight:normal; text-align:left; font-family:"helvetica_neue_ltregular"; padding:8px 0; line-height:30px; border-bottom:1px solid #fff;}
.net-fix h2:before{ content:""; width:35px; height:1px; background:#e68333; position:absolute; left:0; top:0;}
.net-fix h2:after{ content:""; width:126px; height:1px; background:#fff; position:absolute; right:0; top:0;}

.nettitle{ position:absolute; left:70px; top:248px; text-align:left;}
.nettitle h4{ color:#ffffff; font-size:35px; margin-bottom:5px;}
.nettitle small{ color:#ffffff; font-size:24px; line-height:normal; font-weight:bold;}
.office-box{ padding:110px 0 160px;}
.offices{ position:relative; }
.office .offices-fix{ margin:0 80px;}
.office .offices-fix >span{ float:left; width:16.66%; text-align:center; color:#2c2c2c; font-size:16px; position:relative; cursor:pointer; padding-bottom:3px; transition:540ms;}
.office .offices-fix >span:before{ content:""; width:36px; height:2px; background:#e46520; opacity:0; visibility:hidden; transition:670ms; position:absolute; left:50%; margin-left:-18px; bottom:5px;}
.office .offices-fix >span:hover,.office li span.on{ color:#e46520;}
.offices .flex-nav-prev{ background:#fff; position:absolute; left:0; top:0; width:60px; height:28px;}
.offices .flex-nav-next{ background:#fff; position:absolute; right:0; top:0; width:60px; height:28px;}
.office .offices-fix >span:hover:before,.office li span.on:before{ bottom:0; visibility:visible; opacity:1;}
.offices .flex-nav-prev .flex-prev{ width:48px; padding:5px; height:28px; position:absolute; padding:0; cursor:pointer; margin:0; text-indent:999px; overflow:hidden; left:-0; top:0; background:url(../image/triangle.png) left center no-repeat; cursor:pointer;}
.offices .flex-nav-prev .flex-prev:before{ content:""; height:1px; position:absolute; width:0; top:14px; background:#e46520; transition:650ms; left:26px; cursor:pointer;}
.offices .flex-nav-next .flex-next{ width:48px; height:28px; position:absolute; padding:0; cursor:pointer; margin:0; text-indent:999px; overflow:hidden; right:0; top:0; background:url(../image/triangle1.png) right center no-repeat; cursor:pointer;}
.offices .flex-nav-next .flex-next:before{ content:""; height:1px; position:absolute; width:0; top:14px; background:#e46520; transition:650ms; right:26px; cursor:pointer;} 
.offices .flex-nav-prev .flex-prev:hover{ background:url(../image/triangle5.png) left center no-repeat;}
.offices .flex-nav-prev .flex-prev:hover:before{ width:20px;}

.offices .flex-nav-next .flex-next:hover{ background:url(../image/triangle4.png) right center no-repeat;}
.offices .flex-nav-next .flex-next:hover:before{ width:20px;}

.office-list{ margin-top:50px; padding-top:75px;}
.office-list .office-info{ float:left; margin-right:12%; width:25%; margin-bottom:62px;}
.office-list .office-info:nth-child(3n+3){ margin-right:0;}
.office-list .office-info h2{ font-size:30px; color:#2c2c2c; padding-bottom:5px; border-bottom:1px solid #a0a0a0; margin-bottom:20px; transition:650ms;}
.office-list .office-info.on h2{ color:#e46520;}
.office-list .office-info .office-text span{ display:block; padding-left:28px; color:#2c2c2c; font-size:14px;}
.office-list .office-info .office-text span:nth-child(1){ background:url(../image/people.png) left center no-repeat;}
.office-list .office-info .office-text span:nth-child(2){ background:url(../image/tel.png) left center no-repeat;}
.office-list .office-info .office-text span:nth-child(3){ background:url(../image/map.png) left 5px no-repeat;}
.office-list .flex-direction-nav{ display:none;}

/*product*/
.product-box{ padding:80px 0 100px; background:#ededed;}
.product-sele{ background:#999999; margin-bottom:58px;}
.product-sele li{ float:left; margin-right:4px;}
.product-sele li a{ display:inline-block; height:28px; line-height:28px; padding:0 16px; color:#ffffff; font-size:14px;}
.product-sele li a:hover,.product-sele li a.on{ background:#e46520;}
.product-list li{ width:21.8%; float:left; margin-right:4.2%; margin-bottom:32px;}
.product-list li:nth-child(4n+4){ margin-right:0;}
.product-list li figure{ display:block; line-height:normal; position:relative;}
.product-list li figure img{ display:block; width:100%; height:auto; line-height:0;}
.product-list li figure mark{ display:block; width:99px; height:99px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; background:url(../image/adius3.png) center no-repeat; transition:780ms; opacity:0; visibility:hidden;}
.product-list li figure mark span{ display:block; width:25px; height:25px; background:url(../image/loa.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px;}
.product-list li figure:before{ content:""; width:0; height:3px; background:#e56724; position:absolute; left:50%; bottom:0; transition:890ms;}
.product-list li figcaption{ display:block; text-align:center; padding:10px 0 0; color:#323232; font-size:14px; height:44px;}
.product-list li:hover figure mark{ visibility:visible; opacity:1;}
.product-list li:hover figure:before{ width:100%; left:0;}
.search-box{ padding:106px 0 80px;}
.search-text h2{ padding-bottom:14px; border-bottom:8px solid #002f5a; color:#000000; font-size:20px; font-weight:normal;}
.search-info{ padding:132px 0 150px; border-bottom:1px solid #e5e5e5; text-align:center;}
.searchs{ width:50%; margin:auto; transition:760ms; border:1px solid #e5e5e5; border-radius:24px;}
.searchs.on{ border-color:#e56724;}
.searchs input[type=text]{ padding-left:27px; width:418px; padding-top:14px; padding-bottom:14px; color:#646464; font-size:14px; outline:none; border:none; font-family:微软雅黑; float:left; background:none; float:left;}
.searchs .search-sub{ width:52px; height:47px; outline:none; border:none; background:url(../image/search.png) 8px center no-repeat; transition:680ms; float:left; cursor:pointer;} 
.fackbak{ margin-top:65px; text-align:center;}
.searchs .search-sub:hover{ background:url(../image/search1.png) 8px center no-repeat;}
.fackbak a{ display:inline-block; padding:20px 50px; border:1px solid #e5e5e5; color:#646464; font-size:14px; margin:auto;}
.fackbak a:hover{ color:#e36f2f; border-color:#e36f2f;}

.column-box{ margin-top:56px;}
.columntitle span{ display:inline-block; float:left; padding:26px 0 0; height:53px; margin-right:33px; font-size:16px; color:#000000;}
.columntitle a{ display:inline-block; float:left; padding:26px 0 0; height:53px; position:relative; width:122px; text-align:center; color:#323232; font-size:16px; margin-right:3px;}
.columntitle a:hover,.columntitle a.now{ background:#ededed;}
.columntitle a:before{ content:""; width:68px; height:5px; background:#e56724; position:absolute; left:50%; margin-left:-34px; bottom:20px; transition:670ms; opacity:0; visibility:hidden;}
.columntitle a:hover:before,.columntitle a.now:before{ bottom:16px; opacity:1; visibility:visible;}
.column{ background:#ededed; padding-top:50px;}
.product-title{ background:#a0a0a0;}
.product-title span{ height:40px; display:block; float:left; line-height:40px; color:#000000; font-size:16px;}
.product-title span:nth-child(1){ margin-left:28px; margin-right:96px;}
.product-fix{ padding:20px 0; background:#fff;}
.product-fix li{ transition:540ms;}
.product-fix li b{ display:block; float:left; margin-left:35px; margin-right:104px; color:#323232; font-size:16px; height:48px; line-height:48px; font-weight:normal; transition:580ms;}
.product-fix li span{ float:left; line-height:48px; color:#323232; font-size:16px; transition:580ms;}
.product-fix li span em{ display:inline-block; color:#e56724; font-style:normal; transition:580ms;}
.product-fix li strong{ display:inline-block; float:right; line-height:48px; margin-right:24px; color:#ffffff; font-size:14px; padding-left:20px; background:url(../image/searc.png) left center no-repeat; opacity:0; transition:680ms 200ms; font-weight:normal;}
.product-fix li:hover{ background:#e56724;}
.product-fix li:hover b,.product-fix li:hover span,.product-fix li:hover span em{ color:#fff;}
.product-fix li:hover strong{ opacity:1;}

.download-box{ padding:110px 0 90px; background:#ededed;} 
.down-title{ background:#a0a0a0;}
.down-title span{ color:#000000; font-size:16px; line-height:40px; float:left;}
.down-title span:nth-child(1){ padding-left:5.7%; width:60%;}
.down-title span:nth-child(3){ float:right; width:8.8%;} 

.download-list{ padding:20px 0; background:#fff;}
.download-list li{ transition:770ms; position:relative;}
.download-list li figure{ display:block; padding:6px; position:relative; background:#fff; position:absolute; left:-58px; top:0; width:88px; height:auto; opacity:0; transition:690ms; visibility:hidden;}
.download-list li:hover figure{ opacity:1; left:-88px; visibility:visible;}
.download-list li figure img{ width:100%; height:auto;}
.download-list li figure:before{ content:""; width:8px; height:16px; position:absolute; right:-8px; top:17px; background:url(../image/arrow.png) center no-repeat;}
.download-list li span{ display:block; line-height:48px; color:#323232; font-size:16px; padding-left:5.7%; width:60%; transition:540ms; float:left; background:url(../image/do.png) 26px center no-repeat;}
.download-list li time{ display:inline-block; line-height:48px; float:left; color:#969696;}
.download-list li strong{ display:block; height:48px; line-height:48px; width:46px; padding-left:38px; color:#ffffff; font-size:14px; background:url(../image/load.png) 2px center no-repeat; transition:540ms 200ms; opacity:0; float:right; font-weight:normal;}
.download-list li:hover{ background:#e56724;}
.download-list li:hover span{ color:#fff;}
.download-list li:hover time{ color:#fff;}
.download-list li:hover strong{ opacity:1;}

.video-list li{ width:30%; float:left; margin-right:5%; margin-bottom:52px; overflow:hidden;}
.video-list li:nth-child(3n+3){ margin-right:0;}
.video-list li figure{ display:block; position:relative; overflow:hidden; cursor:pointer;}
.video-list li figure img{ display:block; width:100%; height:auto; line-height:0;}
.video-list li figure span{ display:block; width:22px; height:28px; background:url(../image/video.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-11px; margin-top:-14px; opacity:0; transition:670ms;}
.video-list li figcaption{ display:block; height:46px; background:#fff; position:relative; overflow:hidden;}
.video-list li figcaption:before{ content:""; width:100%; height:100%; background:#e56724; position:absolute; left:0; top:100%; transition:680ms;}
.video-list li figcaption h3{ float:left; line-height:46px; color:#323232; font-size:14px; margin-left:8px; font-weight:normal; transition:640ms; position:relative; z-index:5; width: 70%; overflow: hidden;}
.video-list li figcaption a{ float:right; line-height:46px; padding-left:24px; color:#fff; margin-right:8px; background:url(../image/load0.png) center center no-repeat; position:relative; z-index:5; transition:540ms 200ms;}
.video-list li figcaption a.sharpBtn{ background-image: url(../image/sharp0.png);}
.video-list li figcaption a span{ color: #e56724;}
.video-list li:hover figure span{ opacity:1;}
.video-list li:hover figcaption:before{ top:0;}
.video-list li:hover figcaption h3{ color:#fff;}
.video-list li:hover figcaption a{ background-image: url(../image/load.png);}
.video-list li:hover figcaption a.sharpBtn{ background-image: url(../image/sharp.png);}
.video-list li:hover figcaption a span{ color: #fff;}

.honor-box{ padding:100px 0 80px; background:#ededed;}
.honor-wr{ width:1060px; margin:auto;}
.honor li .honor-title{ background:#ededed; transition:670ms; cursor:pointer;}
.honor-wr span{ display:inline-block; float:left; color:#323232; font-size:14px; line-height:55px; transition:620ms;}
.honor-wr .honor-show{ float:right; position:relative; width:15px; height:15px; margin-right:30px; margin-top:20px; visibility:hidden; opacity:0; transition:680ms;}
.honor-wr .honor-show b{ width:15px; height:15px; position:absolute; left:0; top:0; background:url(../image/add.png) center no-repeat; transition:670ms;}
.honor-wr .honor-show b:nth-child(2){ opacity:0; visibility:hidden;}
.honor li{ transition:760ms;}
.honor li:hover .honor-title{ background:#427ba6;}
.honor li:hover .honor-wr .honor-show{ opacity:1; visibility:visible;}
.honor li:hover .honor-wr span{ color:#fff;}
.honor li.now .honor-title{ background:#023459;}
.honor li.now .honor-wr span{ color:#fff;}
.honor li.now .honor-show{ opacity:1; visibility:visible;}
.honor li.now .honor-show b:nth-child(1){ opacity:0;}
.honor li.now .honor-show b:nth-child(2){ opacity:1; visibility:visible; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);}
.honortext{ padding:4px 0; background:#fff; display:none;}
.honorImg{ width:1060px; text-align:right; margin:auto;}
.honorImg img{ max-height:340px; width:auto; margin-right:13%;}


/*产品详情*/
.producs{ padding-top:38px; border-top:1px solid #e5e5e5;}
#preview {text-align: center; width:69.5%; float:left; margin-left:-20.3%;}
.jqzoom { width: 100%; box-sizing:border-box; margin-bottom:13px; height:auto; overflow: hidden; border: #eeeeee 1px solid; position: relative;}
.jqzoom img{ width:100%; height:auto; display:block;}
.zoomdiv {width: 372px; height: 372px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 372px; display: none; background: url(../image/loading1.gif) #fff no-repeat center center; height: 372px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
.zoomdiv.on{ display:none !important;}
#spec {position: relative; height:70px;overflow: hidden; padding:0 107px;}
.specLeftT { opacity:0.5; filter:alpha(opacity=50);}
.specRightT {opacity:0.5; filter:alpha(opacity=50);}
#specLeft{ position: absolute; width:72px; height:68px; border:1px solid #d2d2d2; left:0; top:0; cursor:pointer; background:url(/public/uploads/20240117/ed246b2134b6d39ea824a05799f66492.png) center no-repeat;}
#specRight{ position: absolute; width:72px; height:68px; border:1px solid #d2d2d2; right:0; bottom:0; cursor:pointer; background:url(/public/uploads/20240117/84b0bf58a45f766b02b26b36b2f41260.png) center no-repeat;}

#specList {display: inline; float: left;}
#specList ul li {width:70px; height:70px; display: inline; float: left; margin-right:13px}
#specList ul li img {border: #dcdcdc 1px solid; transition:670ms; display:block; width:68px; height:68px;}
#specList ul li:hover img,#specList ul li.on img{ border-color:#003459;}
.bigimg {width: 1000px; height: 1000px;}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {text-align:left; width:486px; height:70px; overflow:hidden;}
.listImg{ position:relative;}
.productbanner{ display:none; position:relative; padding:0 60px;}
.productbanner ul li img{ width:100%; height:auto;}
.productbanner .owl-theme .owl-controls .owl-buttons div{ width:48px; height:42px; border:1px solid #d2d2d2; position:absolute; top:50%; margin-top:-34px; padding:0; border-radius:0; margin:0; text-indent:999px; overflow:hidden;}
.productbanner .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-60px; background:url(../image/prev1.png) center no-repeat;}
.productbanner .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-60px; background:url(../image/next1.png) center no-repeat;}
.jqzoom.hide .jqZoomPup,.jqzoom.hide .zoomdiv{ display:none !important;}

.producttext{ width:44.5%; float:right;}
.product-tits{ padding-top:68px; border-top:7px solid #ec6941; margin-bottom:214px;}
.product-tits h3{ color:#000000; font-size:30px; font-weight:normal; margin-bottom:8px;}
.product-tits a{ display:block; padding-left:28px; color:#000000; font-size:14px; background:url(../image/load2.png) left center no-repeat; transition:650ms;}
.product-tits a:hover{ color:#ec6941; background:url(../image/load3.png) left center no-repeat;}
.explain{ padding-bottom:70px; border-bottom:3px solid #ec6941;}
.explain h3,.environment h3,.parameter h3{ color:#000000; font-size:16px; border-bottom:1px solid #c9c9c9; padding-bottom:5px; margin-bottom:15px;}
.explain p,.environment p{ color:#646464; font-size:14px; line-height:2.2;}
.environment{ margin-top:18px; margin-bottom:100px;}
.parameter-list{ margin-top:20px;}
.paramete-info{ display:block; margin-bottom:10px;}
.paramete-info dt{ display:block; width:150px; float:left; color:#323232; font-size:14px; font-weight:bold;}
.paramete-info dd{ display:inline-block; float:left; color:#646464; font-size:14px;}

.videos{ display:none; width:100%; z-index:9999; position:absolute; left:0; top:0; height:100%;}
.video-hidden{ position:relative; width:100%; overflow:hidden; cursor:pointer;}
.video-hidden span{ display:block; width:49px; height:49px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; background:url(../image/video1.png) center no-repeat; z-index:10;}
.video-hidden img{ display:block; width:100%; height:auto; transition:500ms;}
.ivideo{ cursor: pointer; width: 100%; height: 100%; position:absolute; left:0; top:0;}
.videos:hover .video-hidden img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
#vbBox,#vbBox1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:10;}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../image/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.peoobanner{ position:relative; height:260px; overflow:hidden; width:100%;}

.peoobanner .swiper-slide{ overflow-y: auto; height:240px; padding-right:10px; position:relative;}

#product #preview{ margin-left:155px; width:780px; float:none;}
#product #preview .jqzoom{ width:695px; float:left; margin-bottom:0;}
#product #preview #spec{ float:right; padding:104px 0; width:70px; height:auto;}
#product #preview #specList{ height:auto; width:70px; height:487px;}
#product #preview #specList ul li{ float:none; margin-right:0; margin-bottom:13px; display:block;}
#product #preview #specLeft,#product #preview #specRight{ width:68px; height:72px;}
#product #preview #specLeft{ background:url(../image/top2.png) center no-repeat;}
#product #preview #specRight{ background:url(../image/down4.png) center no-repeat;}
#product .producttext{ width:100%; float:none; margin-top:38px;}
#product .product-tits{ padding-top:22px; margin-bottom:28px; text-align:center;}
#product .product-tits h3{ text-align:center; margin-bottom:14px;}
#product .product-tits a{ display:inline-block; margin:auto;}
.producfix{ padding-top:32px; border-top:3px solid #ec6941; margin-bottom:35px;}
.producfix .explain{ width:45%; float:left; padding-bottom:0; border-bottom:none;}
.producfix .environment{ width:45%; float:right; margin-top:0;}

.paremeter-list{ margin-top:30px; position:relative; border-top:1px solid #c9c9c9; padding-bottom:50px; padding-top:40px;}
.paremeter-list:before{ content:""; width:15px; height:9px; position:absolute; left:0; top:-5px; background:#323232;}
.pameter-ha{ float:left; width:123px; position:relative; padding-top:18px;}
.pameter-ha span{ display:block; color:#323232; font-size:14px; font-weight:bold; padding-left:4px;  line-height:30px; position:relative;}
.pameter-ha span:before{ content:""; width:100%; height:1px; background:#00ffff; position:absolute; left:0; bottom:0; opacity:0; filter:alpha(opacity=0); visibility:hidden; transition:420ms;}
.pameter-ha span.on:before{ visibility:visible; opacity:1; filter:alpha(opacity=100);}
.pameter-ha:before{ content:""; width:1px; height:9px; position:absolute; right:0; top:-5px; background:#dcdcdc; }
.pameter-list{ float:left; width:877px;}
.pameter-info{ padding:18px 0 10px 0; position:relative; transition:780ms;}
.pameter-info:before{ content:""; width:1px; height:9px; position:absolute; right:0; top:-5px; background:#dcdcdc;}
.parameter .nod{ border-bottom:none;}
.pameter-info span{ display:block; padding-left:24px; color:#646464; font-size:14px; line-height:30px; position:relative;}
.paremeter-list{ overflow:auto;}
.paremeter-table{ width:2000px;}
.paremeter-table tr td{color:#646464; font-size:14px; line-height:30px; position:relative; width:196px;}
.paremeter-table tr td:nth-child(1){ color:#323232; font-size:14px; font-weight:bold; padding-left:4px;  line-height:30px; position:relative; width:118px;}


.pameter-info span:before{ content:""; width:100%; height:1px; background:#00ffff; position:absolute; left:0; bottom:0; opacity:0; filter:alpha(opacity=0); visibility:hidden; transition:560ms;}
.pameter-info span.on:before{ visibility:visible; opacity:1; filter:alpha(opacity=100);}
.pameter-info span.on{ border-color:#00ffff;}
.pameter-info:hover{ background:#eeeeee;}
.pameter-info:hover span{ border-color:#eeeeee;}
.pameter-list .owl-buttons{ width:85px; height:21px; position:absolute; right:0; top:-30px;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div{ padding:0; margin:0; width:42px; height:21px; position:absolute; top:0; border-radius:0; text-indent:999px; overflow:hidden; transition:680ms;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:#a0a0a0 url(../image/prev.png) center no-repeat; left:0;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-next{ background:#a0a0a0 url(../image/next.png) center no-repeat; right:0;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:#ec6941 url(../image/prev.png) center no-repeat;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:#ec6941 url(../image/next.png) center no-repeat;}

.techinical-lis.article-block .technical-list li,.case.article-block li,.iphone-pro.article-block li{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.techinical-lis.articleShow .technical-list li,.case.articleShow li,.iphone-pro.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:890ms 0ms;}
.techinical-lis.articleShow .technical-list li:nth-child(2),.case.articleShow li:nth-child(2),.iphone-pro.articleShow li:nth-child(2){ transition:890ms 200ms;}
.techinical-lis.articleShow .technical-list li:nth-child(3),.case.articleShow li:nth-child(3),.iphone-pro.articleShow li:nth-child(3){ transition:890ms 400ms;}
.techinical-lis.articleShow .technical-list li:nth-child(4),.iphone-pro.articleShow li:nth-child(4){ transition:890ms 600ms;}
.new-center.article-block{ opacity:0; transform:translateX(-600px); -webkit-transform:translateX(-600px); -moz-transform:translateX(-600px);}
.new-center.articleShow{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:1200ms 300ms;}

.company.article-block{ opacity:0; transform:translateX(600px); -webkit-transform:translateX(600px); -moz-transform:translateX(600px);}
.company.articleShow{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:1200ms 300ms;}

.tels.article-block{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px);}
.tels.articleShow{ opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transition:760ms 400ms;}

.case-banner.article-block h3,.case-title.article-block h3,.case-title.article-block time,.governing-box.article-block h3{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px);}
.case-banner.articleShow h3,.case-title.articleShow h3,.case-title.articleShow time,.governing-box.articleShow h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1400ms 0ms;}
.case-banner.article-block h3:before,.case-title.article-block h3:before,.governing-box.article-block h3:before{ width:0; opacity:0;}
.case-banner.articleShow h3:before,.case-title.articleShow h3:before,.governing-box.articleShow h3:before{ width:76px; opacity:1; transition:850ms 650ms;}
.governing-box.articleShow h3:before{ width:136px;}
.case-banner.article-block h3:after,.case-title.article-block time:before,.governing-box.article-block h3:after{ width:0; opacity:0;}
.case-banner.articleShow h3:after,.case-title.articleShow time:before,.governing-box.articleShow h3:after{ width:76px; opacity:1; transition:850ms 650ms;}
.governing-box.articleShow h3:after{ width:136px;}
.case-title.article-block time{ transition:870ms 200ms;}

.about-title.article-block h2{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.about-title.articleShow h2{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:880ms 200ms;}
.about-title.article-block p{ opacity:0; transform:translateY(50px) scale(0.9); -webkit-transform:translateY(50px) scale(0.9); -moz-transform:translateY(50px) scale(0.9);}
.about-title.articleShow p{ opacity:1; transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); transition:980ms 300ms;}

.abouttitle.article-block h3{ opacity:0; transform:translateY(66px); -webkit-transform:translateY(66px); -moz-transform:translateY(66px);}
.abouttitle.articleShow h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1200ms 300ms;}

.view-title.article-block{ opacity:0; transform:translateY(66px); -webkit-transform:translateY(66px); -moz-transform:translateY(66px);}
.view-title.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1200ms;}

.desigin .mark{ display:block; width:100%; height:100%; background:#f88427; position:absolute; left:0; top:0; z-index:10;}
.desigin.article-block .mark{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.desigin:nth-child(2) .mark{ background:#023459;}
.desigin.articleShow .mark{ animation:1.3s 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	  -webkit-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	  -webkit-animation-name: fadedown;
	  animation-name: fadedown;
}
.desigin:nth-child(2).articleShow .mark{ animation-delay:700ms;}

.desigin.article-block figure img{ opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px);}
.desigin.articleShow figure img{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1050ms 1300ms;}
.desigin:nth-child(2).articleShow figure img{ transition:1050ms 1700ms;}
.desigin.article-block figcaption .desigin-wr{ opacity:0; transform:scale(0.87); -webkit-transform:scale(0.87); -moz-transform:scale(0.87);}
.desigin.articleShow figcaption .desigin-wr{ opacity:1; transition:850ms 1450ms; -webkit-transform:scale(1); -moz-transform:scale(1);}
.desigin:nth-child(2).articleShow figcaption .desigin-wr{ transition:850ms 1850ms;}

@keyframes fadedown {
  from {
	 transform:translateY(-100%);
  }
  60% {
	 transform:translateY(0);
  }

  to {
	transform:translateY(100%);
	visibility:hidden;
  }
}

.desigin-fix.article-block{ transform:translateY(48px); -webkit-transform:translateY(48px); -moz-transform:translateY(48px); opacity:0;}
.desigin-fix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1100ms 300ms;}

.desiginname.article-block figure,.common-text.article-block figure{ transform:translateY(70px); -webkit-transform:translateY(70px); -moz-transform:translateY(70px); opacity:0;}
.desiginname.articleShow figure,.common-text.articleShow figure{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1280ms 350ms;}
.desiginname.article-block .desigin-text,.common-text.article-block .strongs{ opacity:0; transform:translateX(200px); -webkit-transform:translateX(200px); -moz-transform:translateX(200px);}
.common-text.article-block .strongs{ transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);} 
.desiginname.articleShow .desigin-text,.common-text.articleShow .strongs{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:1200ms 350ms;}

.governing.article-block h3,.wisdom.article-block h3{ position:relative; top:45px; opacity:0;}
.governing.articleShow h3,.wisdom.articleShow h3{ opacity:1; transition:880ms 120ms; top:0;}
.governing.article-block b,.wisdom.article-block b{ width:0; opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.governing.articleShow b,.wisdom.articleShow b{ width:58px; opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:860ms 300ms;}
.governing.article-block p,.wisdom.article-block p{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.governing.articleShow p,.wisdom.articleShow p{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:680ms 550ms;}

.desiginname1.article-block .desigin-text{ transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.desiginname1.articleShow .desigin-text{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.common-text1.article-block .strongs{ transform:translateX(200px); -webkit-transform:translateX(200px); -moz-transform:translateX(200px);}
.common-text1.articleShow .strongs{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.location.article-block h3 small{ position:relative; left:40px; opacity:0;}
.location.articleShow h3 small{ left:0; opacity:1; transition:780ms 150ms;}

.major.article-block .major-left{ opacity:0; transform:translateY(55px); -webkit-transform:translateY(55px); -moz-transform:translateY(55px);}
.major.articleShow .major-left{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:980ms 200ms;}

.major.article-block .majorImg{ opacity:0; position:relative; left:80px;}
.major.articleShow .majorImg{ opacity:1; left:0; transition:980ms 200ms;}

.locate-list.article-block li{ opacity:0; position:relative; top:78px;} 
.locate-list.articleShow li{ opacity:1; top:0; transition:1100ms 200ms;}
.locate-list.articleShow li:nth-child(2){ transition:1100ms 700ms;}
.locate-list.articleShow li:nth-child(3){ transition:1100ms 1200ms;}

.net-fix.article-block,.nettitle.article-block{ opacity:0; transform:translateY(70px); -webkit-transform:translateY(70px); -moz-transform:translateY(70px);}
.net-fix.articleShow,.nettitle.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:780ms;}
.nettitle.articleShow{ transition:780ms 430ms;}


.case-top{ background:#f2f2f1; padding-top:60px;}
.case-in{ width:1020px; margin:auto; position:relative; padding-bottom:30px;}
.case-in h2{ font-weight:normal; position:relative; line-height:normal; color:#005bac; font-size:28px; padding-bottom:5px;}
.case-in small{ display:block; width:192px; height:1px; background:#111111; position:absolute; left:0; bottom:0;}
.build{ margin-top:50px; width:460px;}
.build p{ color:#4c4948; text-indent:14px;}
.case-in img{ max-width:100%; height:auto;}

.seivice{ margin-top:40px;}
.seivice h4{ color:#005bac; font-size:18px; line-height:normal; margin-bottom:10px; font-weight:normal;}
.service-list{ margin-bottom:50px;}
.service-list li{ padding-left:20px; color:#4c4948; background:url(../image/dian.jpg) 8px center no-repeat;}

.imgrigh{ position:absolute; right:0; top:20px;}
.case-bottom{ width:1020px; margin:auto; text-align:center; margin-top:40px;}
.case-bottom img{ margin:auto; max-width:100%;}
.case-fixed h4{ color:#005bac; font-size:18px; margin-bottom:18px; font-weight:normal; line-height:normal;}
.case-fixed p{ color:#4c4948;}
.case-bottom img{ margin-top:50px; margin-bottom:60px;}
.case-bottom img.casllle{ margin-right:130px;}

.extension{ margin-top:78px;}
.extension h3{ text-align:center; color:#005bac; font-size:28px; position:relative; font-weight:normal; line-height:normal; padding-bottom:5px; margin-bottom:20px;}
.extension h3 small{ width:54px; height:1px; background:#121212; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.exte img:nth-child(1){ float:left;}
.exte img:nth-child(2){ float:right;}

.hardware{ width:1020px; margin:auto; margin-top:54px; margin-bottom:100px;}
.facilities h4{ font-weight:normal; line-height:normal; color:#005bac; font-size:28px; padding-bottom:5px; border-bottom:1px solid #121212; display:inline-block; margin-bottom:20px;}

.facilitice-info{ margin-bottom:120px;}
.facilitice-info figure{ display:block; float:left; text-align:center; background:#c0c0c0; padding-top:34px; line-height:normal; width:47%;}
.facilitice-info figure img{ max-width:100%; height:auto;}
.facilitice-info figcaption{ display:block; width:45.5%; float:right;}
.facilitice-info figcaption h4{ color:#005bac; font-size:18px; line-height:normal; margin-bottom:20px; line-height:normal;}
.facilitice-info figcaption p{ color:#4c4948;}
.facilitice-info:nth-child(2n+2) figure{ float:right;}
.facilitice-info:nth-child(2n+2) figcaption{ float:left;}

.software{ margin-top:56px;}
.software img{ display:block; float:left; max-width:100%;}
.soft-info{ width:44.1%; float:right; margin-top:120px;}
.soft-info h2{ color:#005bac; font-size:18px; margin-bottom:18px; line-height:normal; font-weight:normal;}
.soft-info p{ color:#4c4948;}
.hallmark{ margin-top:95px;}
.hall-info{ float:left; width:44.7%;}
.hall-info h2{ color:#005bac; font-size:18px; font-weight:normal; margin-bottom:32px; line-height:normal;}
.hall-info p{ color:#4c4948; text-indent:24px;}
.hall-info:nth-child(2){ float:right;}

.hallmae .hall-info{ width:100%; text-align:center;}
.hall-info img{ max-width:100%;}
.hallmae .hall-info img{ margin:auto; max-width:100%;}
.hallmae .hall-info img.time{ margin-top:150px;}


.code-fix{ width:400px; height:auto; position:fixed; left:50%; top:50%; margin-left:-200px; background:#fff; z-index:200; margin-top:-124px; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); opacity:0; visibility:hidden; transition:540ms;}
.code-fix.on{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.code-input{ text-align:center; padding:52px 0 27px;}
.code-input input[type=text]{ width:268px; height:40px; padding:0; color:#323232; font-size:14px; text-align:center; line-height:40px; border:1px solid #d2d2d2; background:#f8f8f8; outline:none; border-radius:18px; margin:auto; margin-bottom:20px; font-family:微软雅黑;}
.code-input input[type=submit]{ display:block; width:57px; height:21px; border:1px solid #d2d2d2; border-radius:8px; padding:0; text-align:center; line-height:21px; color:#323232; font-family:微软雅黑; background:none; margin:auto; cursor:pointer; font-size:12px; transition:480ms;}
.code-input input[type=submit]:hover{ background:#f8f8f8;}
.code-tel{ padding:12px 18px 20px 18px; background:#002a51;}
.code-tel h3{ position:relative; text-align:center;}
.code-tel h3 b{ text-align:center; line-height:normal; display:inline-block; font-weight:normal; color:#5b97ce; font-size:14px; padding:0 10px; background:#002a51; position:relative; z-index:5; margin:auto;}
.code-tel h3:before{ content:""; width:100%; height:2px; background:#2a5d8b; position:absolute; left:0; top:7px;}
.code-tel p{ margin-top:12px; text-align:center;}
.code-tel p span{ display:inline-block; color:#ffffff; font-size:14px; line-height:normal;}
.code-tel p span:nth-child{ margin-right:20px;}
.closea{ width:32px; height:32px; background:url(../image/close1.png) center no-repeat; z-index:10; position:absolute; right:12px; top:12px; transition:460ms; cursor:pointer;}
.closea:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.edite{ float:left; margin-top:4px;}
.edite b{ color:#033257; font-size:18px; line-height:normal; margin-bottom:10px;}
.edifix a{ display:inline-block; line-height:normal; float:left; color:#646464; font-size:14px;}
.edifix a:nth-child(1){ padding-right:10px; position:relative;}
.edifix a:nth-child(1):before{ content:""; width:1px; height:14px; background:#a0a0a0; position:absolute; right:0; top:3px;}
.edifix a:nth-child(2){ padding-left:10px;}
.edifix a:hover{ color:#e68333;}

#pro{ margin: 0px;padding: 0px;display: block;}

.security{ float:left; margin-left:36px; margin-top:-18px;}
.security span{ display:block; color:#123d61; font-size:20px; font-weight:bold; line-height:30px;}

.shares-box{ padding:96px 0 150px; background:#ededed;}
.rmbs{ margin-bottom:78px;}
.rmbs b{ display:block; line-height:1; float:left; color:#004098; font-size:100px; font-family:"Arial"; font-weight:normal;}
.rmbs i{ display:block; width:18px; height:24px; float:left; line-height:1; background:url(../image/shapp.png) center no-repeat; margin-left:36px; margin-right:20px; margin-top:8px;}
.rmbs i.down{ background:url(../image/shapp1.png) center no-repeat; }
.rmbs small{ display:block; float:left; color:#004098; font-size:15px; font-family:"Arial"; line-height:1; margin-top:64px;}
.investlist{ padding:30px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.ivestinfo{ width:24%; float:left;}
.ivestinfo span{ display:block; line-height:1; color:#646464; margin-bottom:20px;}
.ivestinfo b{ display:block; line-height:1; color:#000000; font-size:30px; font-family:"Arial"; font-weight:normal;}
.ivestinfo:last-child{ width:auto; float:right; margin-right:55px;}
.investin{ color:#969696; margin-top:32px;}
.notices{ width:930px; margin:auto;}
.noticeli{ margin-bottom:52px; background:#999999; line-height:1;}
.noticeli li{ float:left; margin-right:1px;}
.noticeli li a{ display:block; width:72px; text-align:center; height:28px; line-height:28px; color:#ffffff; font-size:16px;}
.noticeli li a:hover,.noticeli li a.on{ background:#e46520;}

.notice-list li{ width:48%; float:left; background:#ffffff; transition:0.45s; margin-bottom:27px;}
.notice-list li:nth-child(2n+2){ float:right;}
.notice-list li a{ display:block; padding:22px 0 24px 30px; position:relative; border:1px solid #dcdcdc;}
.notice-list li a h4{ color:#000000; font-size:16px; line-height:1; height:68px; transition:0.35s;}
.notice-list li a span{ display:block; width:102px; height:32px; text-align:center; line-height:32px; color:#000000; background:#e5e5e5; transition:0.38s;}
.notice-list li a time{ display:block; padding-left:9px; width:54px; background:#023459; position:absolute; right:-1px; top:-1px; padding-top:10px; padding-bottom:10px; transition:0.35s;}
.notice-list li a time b{ display:block; line-height:1; color:#fff; font-size:18px; font-family:"Arial"; margin-bottom:6px;}
.notice-list li a time i{ display:block; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; font-style:normal;}
.notice-list li:hover{ background:#e46520;}
.notice-list li:hover a{ border-color:#e46520;}
.notice-list li:hover h4{ color:#fff;}

.contactus{ width:1100px; margin:auto; padding:55px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.contactus p{ color:#646464; font-size:16px; margin-bottom:18px;}
.contactus p b{ display:inline-block;}
.contactus p:last-child{ margin-bottom:0;}
.interacte{ width:1100px; margin:auto;}

.teaminfos{ width:48.72%; float:left; margin-bottom:30px;}
.teaminfos:nth-child(2n+2){ float:right;}
.teamin li{ position:relative; line-height:1; display:none; overflow:hidden;}
.teamin li:first-child{ display:block;}
.teamin li figure{ display:block; overflow:hidden; line-height:1;}
.temwimg{ position:relative; overflow:hidden;}
.teamin li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.teamin li span{ display:block; height:70px; line-height:70px; color:#323232; font-size:16px; background:#fff; transition:0.4s; padding-left:22px; padding-right:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.teambgs{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:4; background:none; transition:0.5s; opacity:0; visibility:hidden;}
.teambgs:before{ content:""; width:100%; height:100%; background:rgba(2,52,89,0.9); background:#023459\9; filter:alpha(opacity=90); position:absolute; left:0; top:0;  -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.teambgs p{ color:#fff; font-size:16px; line-height:1.8; position:relative; z-index:5; padding:65px 38px 0;}
.teambgs b{ display:block; color:#fff; line-height:1; font-size:14px; position:absolute; left:7.7%; z-index:5; font-weight:normal; bottom:28px;}
.teamin li:hover .teambgs{ opacity:1; visibility:visible;}
.teamin li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.teamin li:hover .teambgs:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.teamin li:hover span{ background:#e56724; color:#fff;}
.shares-box1{ padding-bottom:0;}

/** 遮罩*/
.btn11 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn11 img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.btn11 .ovrly {
    background: rgba(255, 153, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn11 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn11 .buttons .fa { 
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    /*width: 40px;*/
    /*height: 40px;*/
    position: relative;
    -webkit-transform: rotateZ(360deg) scale(0);
    -moz-transform: rotateZ(360deg) scale(0);
    -ms-transform: rotateZ(360deg) scale(0);
    -o-transform: rotateZ(360deg) scale(0);
    transform: rotateZ(360deg) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
    color:#fff
}
.btn11 .buttons .fa-link {
    -webkit-transform-origin: 105% 50%;
    -moz-transform-origin: 105% 50%;
    -ms-transform-origin: 105% 50%;
    -o-transform-origin: 105% 50%;
    transform-origin: 105% 50%;
}
.btn11 .buttons .fa-search {
    -webkit-transform-origin: -5% 50%;
    -moz-transform-origin: -5% 50%;
    -ms-transform-origin: -5% 50%;
    -o-transform-origin: -5% 50%;
    transform-origin: -5% 50%;
}
.btn11:hover .buttons .fa {
    -webkit-transform: rotateZ(0deg) scale(1);
    -moz-transform: rotateZ(0deg) scale(1);
    -ms-transform: rotateZ(0deg) scale(1);
    -o-transform: rotateZ(0deg) scale(1);
    transform: rotateZ(0deg) scale(1);
}
.btn11:hover .ovrly {
    opacity: 1;
}
.btn02{
      /* width: 100%; */
      overflow: hidden;
      position: relative;
      -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3)
  }
.btn02 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    vertical-align: middle;

}
.btn02 .ovrly {
    position: absolute;
    background: rgba(255, 102, 0, 0.4);
    height: 100%;
    left: -100%;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.btn02:hover .ovrly {
    left: 0;
}

.case_one{ width:645px; float:left;height: 773px;}
.case_two{width:600px;float:left;height: 773px;margin-left: 5px; margin-right: 5px;}
.case_two h2{margin:15px auto;  height: 49px; width: 185px; background: #006634; font-size: 14px; color:#fff; text-align: center; font-weight: normal;line-height: 49px;}
.case_two h2 a{color:#fff;text-align: center;}
.hidden_large{display: none;}
 

.news-box{ margin:0 auto; background:#ededed;}
.news-box ul{width:1320px; margin: 0 auto;}
.news-box li{ width:392px; background:#ededed; position:relative; float:left; margin-bottom:52px;margin-top: 32px; margin-right: 70px;}
.news-box li:nth-child(3n){margin-right: 0;}
.news-box li a{text-align: center; color:#666; }
.news-box li h3{color:#666; text-align: center; font-size: 15px; line-height: 30px;font-weight: normal}
.case-text img{ max-width: 100% !important; border: none;}html{
 font-size:1px;
}
.tmail{
  height: 50px;
  background-color: rgba(0,0,0,.5);
       filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
  padding: 12.5px 5%;
  color: white;
  font-size: 14px;
}
.tmail .left{
  float: left;
}
.tmail .left img{
  float: left;
  margin-right: 10px;
}
.tmail .right ul {
  float: right;
}
.tmail .right ul li img{
  margin: 0 5px;
  float: left;
}
.tmail .right ul li{
  float: right;
  margin-left: 10px;
}
input{
  background-color: transparent;
}
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

#page {
    text-align: center;
}#page ul {
    display: inline-block;
}#page ul li {
    float: left;
    display: inline-block;
    padding: 0 10px;
    margin: 1px;
    font-size: 16px;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
    color: #ffffff;
    color: #555555;
    color: #333333;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
#page ul li:hover{
  color: white !important;
  background-color: #e91e63 !important; 
}

body{
  min-width: 1200px;
}
a{
  text-decoration: none;
  color: black;
} 
.sn{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
div{
        box-sizing: border-box;
}
li{
  list-style: none;
}
.fl:after{
   content: "";
   display: block;
   height: 0;
   clear: both;
}
 
select{
  outline: none;
  text-align-last: center;
}
/*
宽度大于768的时候
*/
.tSelect{
    color: #e91e63 !important;
}
.selects{
   color: white !important;
   background-color: #e91e63 !important;
}
.tSelect:after{
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    height: 3px;
    width:100%;
    background-color: #e91e63;
}


#header{
  height: 115px;
  box-sizing: border-box; 
  background-color: white;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1540rem;
  margin: 0rem auto;
}

.logo{
  float: left;
  margin-top: 7px;
}
.logo img{
  height: 100px;
}

#header .tab{
  
}


#header .tab>ul>li{
  float: left;
  line-height: 115px;
  font-size: 14px;
  padding:0 26px;
  box-sizing: border-box;
  position: relative;
}
#header>.tab>ul>li>a>img{
  width: 10px;
}
#header>.tab>ul>li>a{
  display: block;
  box-sizing: border-box;
  position: relative;
  color: #000000;
  font-size: 20px;
}
#header>.tab>ul>li>a:hover{
  color: #e91e63 ;
}

#swiper1{
  width: 100%;
}

#bottom{
  padding: 50px 15%;
  background-color: #212121;
  color: white;
  height: 380px;
  font-size: 14px;
}


#bottom .list{
  float: left;
  width: 16.666%;
  padding: 0px 20px;
}
#bottom .list p{
  line-height: 25px;
  margin-top: 20px;
  color: white;
}
#bottom .list p:hover{
  color: #e91e63;
}
#bottom .list .p1{
  font-size: 18px;
  margin-bottom: 30px;
}
#bottom .list .title{
  font-size: 16px;
}
#bottom .list .p2{
margin-bottom: 50px;
font-size: 14px;
color: #808080;
}

 .bottom{
  padding: 25px 15%;
  width: 100%;
  color:white;
  font-size: 14px;
  line-height: 2;
  background-color: black;
}
 .bottom .left{
  float: left;
  width: 60%;
 }
 .bottom .left .title{
  font-size: 18px;
 }
 .bottom .right{
  float: left;
  width: 40%;
  padding-top: 60px;
 }
 .bottom .right div{
  float: right;
 }
  .bottom .right .img{
    margin-top: 20px;
  }
  .bottom .right .pho{
    margin-left: 20px;
    line-height: 1.5;
    margin-top: 12px;
  }
.urHere{
  width: 1200px;
  font-size: 18px;
  margin: 0 auto;
  line-height: 3;
}#page {
    width: 100%;
    height: 44px;
    margin-bottom: 50px;
    margin-top: 5px;
    text-align: center;
}

.pager_box {
    clear: both;
    text-align: center;
    line-height: 40px;
    margin: 20px auto;
    font-size: 14px;
    color: #000;
}

.pager {
    font-size: 14px;
    padding: 0 10px;
    color: #666;
    line-height: 25px;
    display: inline-block;
    background-color: #fff;
    margin: 0px 5px;
    border: 1px solid #eee;
}

.pager_hover,.pager:hover {
    font-size: 14px;
    background-color: #000;
    padding: 0 10px;
    line-height: 25px;
    display: inline-block;
    margin: 0px 5px;
    color: #fff;
}

.first_pager,.prev_pager,.next_pager,.last_pager {
    line-height: 25px;
    color: #000;
    display: inline-block;
    margin: 0px 5px;
    font-size: 14px;
}
.content{
	font-size:14rem;
}.select-bdr{
   border-bottom-color: black !important;
}
    #box{
        margin: 20px 0;
    }
    #box .list{
        height: 680px;
    }
    #box .list .one{
        width: 58% !important;
    }
    #box .list .two{
    	width: 42%;
        height: 100%;
    	float: left;
    }
    #box{
        background-color: #e8edf3;
        position: relative;
    }
    #box .list .only-cut .h2{
    	margin-bottom: 30px;
    	font-size: 24px;
        position: absolute;
        top: calc(50% - 64px);
        left: 75%;
    }
    #box .list .only-cut .h2 h2{
        font-size: 26px;
    }
    #box .list .only-cut p{
    	font-size: 16px;
    	line-height: 2;
        font-weight: 600;
    	margin-bottom: 14px;
        border:1px solid #aaaaaa;
        padding: 2px 30px;
        margin-top: 14px;
        cursor: pointer;
    }

    #box .list .only-cut p img{
        margin-bottom: 1px;
        margin-left: 5px;
    }

    #box .list .only-cut .only-button {
    border: 1px solid #333333;
    border-color: ;
    color: #ffffff;
    color: #333333;
    margin-top: 19px;
    display: inline-block;
    padding: 10px 28px;
    -webkit-transition: .5s;
    font-size: 15px;
    -ms-transition: .5s;
    transition: .5s;
    }

    #box .list .only-cut .only-button:hover{
    background: #d80808;
    border-color: #d80808;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    }
    #box .twoImg{
        height: 100%;
        width: 100%;
        background-image: url("blist.jpg");
        background-position: top right;
        background-repeat: no-repeat;
    }
    #apply{
        position: relative;
    }
    #apply .list{
        height: 680px;
        margin-bottom: 20px;
    }
    #apply .list .one{
        width: 36%;
        margin-right: 1%;
        background-color: #e91e63;
    }
    #apply .list .two .twoImg{

    }
    #apply .list .two{
        float: left;
        height: 100%;
    }
    #apply .list  .one .twoImg{
        padding: 5% 10%;
        height: 100%;
    }
    #apply .list  .one .twoImg .title{
    text-align: center;
    height: 90px;
    color: white;
    font-size: 36px;
    line-height: 2;
    border: 1px solid white;
    position: relative;
    margin-bottom:70px; 
    }
    #apply .list  .one .twoImg .title .ling{
        text-align: center;
    }
    #apply .list .one .twoImg .yy{
        display: inline-block;
        padding:0 20px;
        background-color: #e91e63;
    }
    #apply .list .one .twoImg .design{
        height: 50px;
        text-align: center;
        line-height: 50px;
        width: 330px;
        font-size: 18px;
        color: white;
        margin: 0 auto;
        background-color: black;
        border-radius: 5px;
    }
    #apply .list .one .twoImg .title span{
    display: inline-block;
    bottom: 28px;
    font-size: 18px;
    padding: 0 5px;
    color: white;
    background-color: black
    }
   #apply .img{
    float: left;
    height: 100%;
    padding-top: 12.5px;
    border-right: 1px solid #d3d3d3;
   }
   #apply .input{
    background-color: white;
    height: 55px;
    border-radius: 8px;
    margin-bottom: 20px;
   }
   #apply .input  img{
    float: left;
    margin: 0 20px;
   }
   #apply .input .icon{
    height: 100%;
   }
   #apply .input input{
    width: 70%;
    padding-top: 12.5px;
    float: left;
    height: 30px;
    border:none;
    outline: none;
    margin-left: 15px;
    color: #8f8f8f;
    font-size: 16px;
   }
    #apply .select{
        background-color: transparent;
        margin-bottom: 35px;
    }
    #apply .select select{
        height: 100%;
        width: 45%;
        text-align: center;
        text-align-last: center;
        outline: none;
        color: #8f8f8f;
        font-size: 16px;
        border-radius: 8px;
    }
    #apply .select select option{
           text-align: center;
            text-align-last: center;
        }
    #apply .select select:first-child{
        float: left;
    }
    #apply .select select:last-child{
        float: right;
    }
    #apply .list .only-cut{
    width: 63%;
    background-image: url("blist2.png");
    background-position: top right;
    background-repeat: no-repeat;
    }
   #apply .list .only-cut .h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    bottom: 6%;
    left: 63%;
}

   #apply .list .only-cut .h2 p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 14px;
    padding: 2px 30px;
    margin-top: 14px;
    background-color: #5688ab;
    color: white;
    cursor: pointer;
}
   #apply .list .only-cut p img {
    margin-bottom: 1px;
    margin-right: 5px;
}



 #monopoly{
        position: relative;
    }
    #monopoly .list{
        height: 680px;
        margin-bottom: 20px;
    }
    #monopoly .list .one{
        width: 30%;
        margin-left: 1%;
    }
    #monopoly .list .two .twoImg{
        height: 100%;

    }
    #monopoly .list .two .twoImg .box-one{
        height: 49.5%;
        width: 100%;
        float: left;
        margin-bottom: 1%;
        background-image: url("sj.jpg");
        background-position: center;;
        background-repeat: no-repeat;
    }
    #monopoly .list .two .twoImg .box-two{
        height: 49.5%;
        width: 100%;
        float: left;
        background-color: #e8f6f7;
    }
    #monopoly .list .two{
        float: left;
        height: 100%;
    }
    #monopoly .list .only-cut{
    width: 69%;
    background-image: url("blist3.png");
    background-position: top right;
    background-repeat: no-repeat;
    }
   #monopoly .list .only-cut .h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    top: 5%;
    left: 5%;
}
#monopoly .list .only-cut .bgc-img{
    position: absolute;
    left: 5%;
    bottom: 5%;
}
#monopoly .list .only-cut .h2 h2{
    font-size: 26px;
}

   #monopoly .list .only-cut .h2 p {
font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
}
   #monopoly .list .only-cut p img {
    margin-bottom: 1px;
    margin-left: 5px;
}
#monopoly .list .twoImg .h2 p{
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
    position: relative;
}
#monopoly .list .box-one{
    position: relative;
}
#monopoly .list .box-two{
    position: relative;
}
#monopoly .list .box-two .icon-search{
    position: absolute;
    left: 10px;
    height: 100%;
    top: 0;
    border-right: 1px solid #aaaaaa;
}
#monopoly .list .box-two .icon-search img{
    margin-top: 7px;
    margin-right: 8px;
}
#monopoly .list .box-one h2{
    color: white;
}
#monopoly .list .twoImg .h2 {
     margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 68px);
    left: calc(50% - 60px);
}

#monopoly .list .box-one p{
    color: white;
}
#monopoly .list .twoImg .h2 h2{
    font-size: 26px;
}
#about{
    margin-bottom: 20px;
}
#about .left{
    width: 40%;
    float: left;
    background-color: #f6f8f8;
    height: 100%;
}
#about .left .h2{
    float: left;
    margin-top: 130px;
    margin-bottom: 45px;
    position: relative;
}
#about .left .h2:after{
    content: "";
    display: block;
    clear: both;
    height: 2px;
    width: 40px;
    background-color:black;
    position: absolute;
    bottom: -43px;
}
#about .left .h2 h2{
    font-size: 24px;
}
#about .left .h2 p{
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
}
#about .left .content{
    padding-left: 20%;
    padding-right: 10%;
    height: 100%;
}
#about .left .content .descption{
    float: left;
    font-size: 14px;
    line-height: 2;
    text-indent: 2em;
    margin-top: 50px;
}
.public-buttom{
  padding: 10px 30px;
  float: left;
  background-color: black;
  color: white;
  margin-top: 70px;
}

#about .list{
    height: 680px;
}
#about .right{
    width: 60%;
    float: left;
    height: 100%;
    background-image: url("blist8.png");
    background-position: center;
    background-repeat: no-repeat;
}.banner_pc{
  height: 850px;
  position: relative;
  overflow: hidden;
}
.banner_pc .bg_img img{
  width:100%;
}
.slides{
  margin:0px;
  padding:0px;
}
.flex-control-nav {
 margin:0px;
  padding:0px;
}
.banner_box{
  position: absolute;
  z-index: 999;
  background: url(/public/uploads/20230530/22540c1e327df6ba5a345df0d1d9ba0f.png);
  width: 380px;
  left: 10%;
  color: #fff;
  height: 700px;
  background-repeat: no-repeat;
  padding: 22px;
  margin-top: 129px;
}

.banner_box .title{
  
font-size: 38px;
  
margin-top: 90px;
}

.banner_box .address{
  
margin-top: 10px;
}

.banner_box .content{
  
margin-top: 132px;
  
line-height: 28px;
}
.banner_box .room{
  
font-size: 30px;
  
margin-left: 59px;
  
margin-top: 32px;
}
.banner_box .gj{
  
font-size: 30px;
  
margin-left: 59px;
  
margin-top: 32px;
}
.banner_box .tell{
  
font-size: 24px;
  
margin-left: 65px;
  
margin-top: 27px;
}

.banner_mobile {
    display: none;
}

.banner .flex-control-nav {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 100%;
    height: 14px;
    margin-left: -50%;
    text-align: center;
    z-index: 998;
}

.banner .flex-control-nav li {
    display: inline-block;
    margin: 0 10px;
}

.banner .flex-control-nav a {
    width: 14px !important;
    height: 14px !important;
    background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035639291.png) center center no-repeat !important;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    zoom: 1; }

.banner .flex-control-nav a.flex-active {
    zoom: 1; background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035647947.png) center center no-repeat !important;
}

.banner .slides a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .flex-direction-nav {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 9;
    width: 100%;
    margin-top: -32px;
}

.banner .flex-direction-nav li {
    position: relative;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -o-transition: all .9s ease;
}

.banner .flex-direction-nav li {
    float: right;
    right: -100px;
}

.banner .flex-direction-nav li:first-child {
    float: left;
    left: -100px;
}

.banner .flexslider:hover .flex-direction-nav li {
    right: 50px;
}

.banner .flexslider:hover .flex-direction-nav li:first-child {
    left: 0;
}

.banner .m_flexslider:hover .flex-direction-nav li {
    right: 0;
}

.banner .m_flexslider:hover .flex-direction-nav li:first-child {
    left: 0;
}

.banner .flex-direction-nav li a {
    height: 64px;
    width: 64px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.banner .flex-direction-nav li .flex-prev {
    background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035656650.png);
}

.banner .flex-direction-nav li .flex-next {
    background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035703072.png);
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.select-bdr{
     border-bottom-color: black !important;
  }
    #box{
        margin: 20px 0;
    }
    #box .list{
        height: 680px;
    }
    #box .list .one{
        width: 58% !important;
    }
    #box .list .two{
    	width: 42%;
        height: 100%;
    	float: left;
    }
    #box{
        background-color: #e8edf3;
        position: relative;
    }
    #box .list .only-cut .h2{
    	margin-bottom: 30px;
    	font-size: 24px;
        position: absolute;
        top: calc(50% - 64px);
        left: 75%;
    }
    #box .list .only-cut .h2 h2{
        font-size: 26px;
    }
    #box .list .only-cut p{
    	font-size: 16px;
    	line-height: 2;
        font-weight: 600;
    	margin-bottom: 14px;
        border:1px solid #aaaaaa;
        padding: 2px 30px;
        margin-top: 14px;
        cursor: pointer;
    }

    #box .list .only-cut p img{
        margin-bottom: 1px;
        margin-left: 5px;
    }

    #box .list .only-cut .only-button {
    border: 1px solid #333333;
    border-color: ;
    color: #ffffff;
    color: #333333;
    margin-top: 19px;
    display: inline-block;
    padding: 10px 28px;
    -webkit-transition: .5s;
    font-size: 15px;
    -ms-transition: .5s;
    transition: .5s;
    }

    #box .list .only-cut .only-button:hover{
    background: #d80808;
    border-color: #d80808;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    }
    #box .twoImg{
        height: 100%;
        width: 100%;
        background-image: url("blist.jpg");
        background-position: top right;
        background-repeat: no-repeat;
    }
    #apply{
        position: relative;
    }
    #apply .list{
        height: 680px;
        margin-bottom: 20px;
    }
    #apply .list .one{
        width: 36%;
        margin-right: 1%;
        background-color: #e91e63;
    }
    #apply .list .two .twoImg{

    }
    #apply .list .two{
        float: left;
        height: 100%;
    }
    #apply .list  .one .twoImg{
        padding: 5% 10%;
        height: 100%;
    }
    #apply .list  .one .twoImg .title{
    text-align: center;
    height: 90px;
    color: white;
    font-size: 36px;
    line-height: 2;
    border: 1px solid white;
    position: relative;
    margin-bottom:70px; 
    }
    #apply .list  .one .twoImg .title .ling{
        text-align: center;
    }
    #apply .list .one .twoImg .yy{
        display: inline-block;
        padding:0 20px;
        background-color: #e91e63;
    }
    #apply .list .one .twoImg .design{
        height: 50px;
        text-align: center;
        line-height: 50px;
        width: 330px;
        font-size: 18px;
        color: white;
        margin: 0 auto;
        background-color: black;
        border-radius: 5px;
    }
    #apply .list .one .twoImg .title span{
    display: inline-block;
    bottom: 28px;
    font-size: 18px;
    padding: 0 5px;
    color: white;
    background-color: black
    }
   #apply .img{
    float: left;
    height: 100%;
    padding-top: 12.5px;
    border-right: 1px solid #d3d3d3;
   }
   #apply .input{
    background-color: white;
    height: 55px;
    border-radius: 8px;
    margin-bottom: 20px;
   }
   #apply .input  img{
    float: left;
    margin: 0 20px;
   }
   #apply .input .icon{
    height: 100%;
   }
   #apply .input input{
    width: 70%;
    padding-top: 12.5px;
    float: left;
    height: 30px;
    border:none;
    outline: none;
    margin-left: 15px;
    color: #8f8f8f;
    font-size: 16px;
   }
    #apply .select{
        background-color: transparent;
        margin-bottom: 35px;
    }
    #apply .select select{
        height: 100%;
        width: 45%;
        text-align: center;
        text-align-last: center;
        outline: none;
        color: #8f8f8f;
        font-size: 16px;
        border-radius: 8px;
    }
    #apply .select select option{
           text-align: center;
            text-align-last: center;
        }
    #apply .select select:first-child{
        float: left;
    }
    #apply .select select:last-child{
        float: right;
    }
    #apply .list .only-cut{
    width: 63%;
    background-image: url("blist2.png");
    background-position: top right;
    background-repeat: no-repeat;
    }
   #apply .list .only-cut .h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    bottom: 6%;
    left: 63%;
}

   #apply .list .only-cut .h2 p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 14px;
    padding: 2px 30px;
    margin-top: 14px;
    background-color: #5688ab;
    color: white;
    cursor: pointer;
}
   #apply .list .only-cut p img {
    margin-bottom: 1px;
    margin-right: 5px;
}



 #monopoly{
        position: relative;
    }
    #monopoly .list{
        height: 680px;
        margin-bottom: 20px;
    }
    #monopoly .list .one{
        width: 30%;
        margin-left: 1%;
    }
    #monopoly .list .two .twoImg{
        height: 100%;

    }
    #monopoly .list .two .twoImg .box-one{
        height: 49.5%;
        width: 100%;
        float: left;
        margin-bottom: 1%;
        background-image: url("sj.jpg");
        background-position: center;;
        background-repeat: no-repeat;
    }
    #monopoly .list .two .twoImg .box-two{
        height: 49.5%;
        width: 100%;
        float: left;
        background-color: #e8f6f7;
    }
    #monopoly .list .two{
        float: left;
        height: 100%;
    }
    #monopoly .list .only-cut{
    width: 69%;
    background-image: url("blist3.png");
    background-position: top right;
    background-repeat: no-repeat;
    }
   #monopoly .list .only-cut .h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    top: 5%;
    left: 5%;
}
#monopoly .list .only-cut .bgc-img{
    position: absolute;
    left: 5%;
    bottom: 5%;
}
#monopoly .list .only-cut .h2 h2{
    font-size: 26px;
}

   #monopoly .list .only-cut .h2 p {
font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
}
   #monopoly .list .only-cut p img {
    margin-bottom: 1px;
    margin-left: 5px;
}
#monopoly .list .twoImg .h2 p{
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
    position: relative;
}
#monopoly .list .box-one{
    position: relative;
}
#monopoly .list .box-two{
    position: relative;
}
#monopoly .list .box-two .icon-search{
    position: absolute;
    left: 10px;
    height: 100%;
    top: 0;
    border-right: 1px solid #aaaaaa;
}
#monopoly .list .box-two .icon-search img{
    margin-top: 7px;
    margin-right: 8px;
}
#monopoly .list .box-one h2{
    color: white;
}
#monopoly .list .twoImg .h2 {
     margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 68px);
    left: calc(50% - 60px);
}

#monopoly .list .box-one p{
    color: white;
}
#monopoly .list .twoImg .h2 h2{
    font-size: 26px;
}
#about{
    margin-bottom: 20px;
}
#about .left{
    width: 40%;
    float: left;
    background-color: #f6f8f8;
    height: 100%;
}
#about .left .h2{
    float: left;
    margin-top: 130px;
    margin-bottom: 45px;
    position: relative;
}
#about .left .h2:after{
    content: "";
    display: block;
    clear: both;
    height: 2px;
    width: 40px;
    background-color:black;
    position: absolute;
    bottom: -43px;
}
#about .left .h2 h2{
    font-size: 24px;
}
#about .left .h2 p{
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
}
#about .left .content{
    padding-left: 20%;
    padding-right: 10%;
    height: 100%;
}
#about .left .content .descption{
    float: left;
    font-size: 14px;
    line-height: 2;
    text-indent: 2em;
    margin-top: 50px;
}
.public-buttom{
  padding: 10px 30px;
  float: left;
  background-color: black;
  color: white;
  margin-top: 70px;
}

#about .list{
    height: 680px;
}
#about .right{
    width: 60%;
    float: left;
    height: 100%;
    background-image: url("blist8.png");
    background-position: center;
    background-repeat: no-repeat;
}.clear{clear: both;}
.header-ri .nav .nav_tel{
  font-size: 20px;
  color: #f00;
  /* font-weight: bold; */
  line-height: 1.2;
  text-align: right;
  margin: 0;
  padding: 0;
  flex: none;
}
.header-box .tel{
  text-align: center;margin-top: -20px;font-size: 20px;color: #f00;line-height: 1;
}

/* 鍥剧墖鍒楄〃 */
.picture_row{
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.picture{
  width: 100%;
}
.picture li{
  width: 380px;
  margin: 5px 10px;
  background: #fff;
  float: left;
  overflow: hidden;
}
.picture li .img{
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.picture li .img img{
  height: 100%;
}
.picture li p{
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 5px;
  font-size: 20px;
}
.showimg{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}
.showimg .showimg_content{
  width: 80vw;
  height: 60vh;
  position: fixed;
  top: 50%;
  margin-top: -30vh;
  left: 50%;
  margin-left: -40vw;
  text-align: center;
}
.showimg .showimg_content .img{
  position: relative;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.showimg .showimg_content .img img{
  max-width: 80vw;
  max-height: 60vh;
  border: 5px solid #000;
  border-radius: 10px;
}
.showimg .showimg_content .img .close{
  position: absolute;
  right: 10px;
  top: 10px;
  left: auto;
}
.showimg .showimg_content .img .close img{
  border: 0;
}
   
.here{
    height: 80px;
    background: #ffffff;
    font-size: 16px;
    display: flex;
    align-items: center;
}.banner_pc{
  height: 745px;
  position: relative;
  overflow: hidden;    width: 100%;
}
.banner_pc .bg_img img{
  width:100%;
}
.slides{
  margin:0px;
  padding:0px;
}
.flex-control-nav {
 margin:0px;
  padding:0px;
}
.banner_box{
  position: absolute;
  z-index: 999;
  background: url(/public/uploads/20230530/22540c1e327df6ba5a345df0d1d9ba0f.png);
  width: 380px;
  left: 10%;
  color: #fff;
  height: 700px;
  background-repeat: no-repeat;
  padding: 22px;
  margin-top: 129px;
}

.banner_box .title{
  
font-size: 38px;
  
margin-top: 90px;
}

.banner_box .address{
  
margin-top: 10px;
}

.banner_box .content{
  
margin-top: 132px;
  
line-height: 28px;
}
.banner_box .room{
  
font-size: 30px;
  
margin-left: 59px;
  
margin-top: 32px;
}
.banner_box .gj{
  
font-size: 30px;
  
margin-left: 59px;
  
margin-top: 32px;
}
.banner_box .tell{
  
font-size: 24px;
  
margin-left: 65px;
  
margin-top: 27px;
}

.banner_mobile {
    display: none;
}

.banner .flex-control-nav {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 100%;
    height: 14px;
    margin-left: -50%;
    text-align: center;
    z-index: 998;
}

.banner .flex-control-nav li {
    display: inline-block;
    margin: 0 10px;
}

.banner .flex-control-nav a {
    width: 14px !important;
    height: 14px !important;
    background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035639291.png) center center no-repeat !important;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    zoom: 1; }

.banner .flex-control-nav a.flex-active {
    zoom: 1; background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035647947.png) center center no-repeat !important;
}

.banner .slides a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .flex-direction-nav {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 9;
    width: 100%;
    margin-top: -32px;
}

.banner .flex-direction-nav li {
    position: relative;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -o-transition: all .9s ease;
}

.banner .flex-direction-nav li {
    float: right;
    right: -100px;
}

.banner .flex-direction-nav li:first-child {
    float: left;
    left: -100px;
}

.banner .flexslider:hover .flex-direction-nav li {
    right: 50px;
}

.banner .flexslider:hover .flex-direction-nav li:first-child {
    left: 0;
}

.banner .m_flexslider:hover .flex-direction-nav li {
    right: 0;
}

.banner .m_flexslider:hover .flex-direction-nav li:first-child {
    left: 0;
}

.banner .flex-direction-nav li a {
    height: 64px;
    width: 64px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.banner .flex-direction-nav li .flex-prev {
    background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035656650.png);
}

.banner .flex-direction-nav li .flex-next {
    background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035703072.png);
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}* .about {
  margin: 68rem auto;
  max-width: 1540px;
  width: 100%;
  display: flex;
}

* .about .ab_left {
  margin: 0rem;
  width: 50%;
}

* .about .ab_left .ab_title {
  margin: 0rem;
  font-size: 55rem;
  font-weight: 700;
}

* .about .ab_left .ad_name {
  margin: 0rem;
  font-size: 40rem;
}
 
* .about .ab_left .ab_content {
  margin: 0rem;
  font-size: 20px;
  margin-top: 40rem;
  width: 90%;
}

* .about .ab_left .ad_mroe {
  margin: 0rem;
  background-color: #b12123;
  width: 234px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 24rem;
  height: 60px;
  justify-content: center;
  border-radius: 89px;
  margin-top: 45rem;
}

* .about .ab_left .ad_mroe .icon {
  margin: 0rem;
}

* .about .ab_left  .ad_mroe img {
  margin: 0rem;
  width: 30rem;
  height: 30rem;
}

* .about .ab_logo {
  margin: 0rem;
  width: 50%;
  text-align: right;
    padding-top: 30rem;
}

* .about .ab_left .ad_name .ab_logo img {
  margin: 0rem;
}
  * .about .ab_left .ad_mroe a{
    display: flex;
    color: #fff;
    align-items: center;
}.round_box{
    display: flex;
    justify-content: center;
    margin-top: 33px;
}
.round_box .normal{
    width: 12px;
    height: 12px;
    background: #b6b6b6;
    border-radius: 104px;
    margin: 2px;
}
.round_box .round1{}
.round_box .active{
   width: 12px;
    height: 12px;
    background:#b12123;
    border-radius: 104px;
    margin: 2px;
} 
.case { padding: 50px 0; overflow: hidden;}
.grWidth {width: 100%;max-width: 1540px;margin: 0 auto;}
.case .homeTitle {color: #4d4d4d;}
.homeTitle {
    font-size: 50px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: -9px;
    line-height: 55px;
    }
.case .homeTitle span {font-size: 45px;color: #4d4d4d;}
.homeTitle span {display: block;font-size: 12px  font-family: Arial;font-weight: normal;opacity: 1;filter: alpha(opacity=70);}

.righttab {
    max-width: 1540px;
    height: 139px;
    font-size: 16px;
    text-align: center;
    background-image: url(../img/proabg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    /* border-bottom-color: #e7e7e7; */
}

.righttab #tab_t1 {
    width: 185px;
    height: 40px;
    line-height: 40px;
    padding-left: 115px;
}

.righttab .active {
    color: #fff;
}

.righttab li {
    float: left;
    color: #fff;
    width: 185px;
    height: 40px;
    line-height: 40px;
    padding-top: 5px;
}

li {
    list-style-type: none;
}

.righttab li h4 {
    font-size: 16px;
    font-weight: normal;
}

.righttab li h4 a {
    color: #000000;
    float: left;
    width: 185px;
    border: 2px solid #000000;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
}

.righttab li h4 a.more{background: #fff;color: #000;font-weight: normal;margin-right: 0;}

.righttab #tab_t2 {
   margin-left: 20px;
}
.righttab #tab_t3 {
    width: 185px;
    margin-left: 20px;
}
.righttab #tab_t4 {
    width: 202px;
    margin-left: 20px;
}
.righttab #tab_t5 {
   width: 185px;
    margin-left: 20px;
}
.righttab #tab_t6 {
    margin-left: 20px;
}
.prolistbox {
   width: 324px;
   height: 336px;
   float: left;
   margin: 38px 0px 15px 57px;
   display: inline;
   border-radius: 10px;
   box-shadow: 0px 0px 11px 2px #888888;
}
.prolistbox .proimg {
  /* width: 235px; */
  height: 288px;
  overflow: hidden;
}
.proimg a {
  color: #333333;
  text-decoration: none;
  display: block;
  width: 324px;
  height: 336px;
  padding: 0px;
  display: block;
}
.prolistbox .proimg img {
    vertical-align: middle;
    border: 0px solid;
}
.prolistbox img {
    text-align: center;
    width: 325px; 
    border-radius: 10px 10px 0  0;
}
.prolistbox h3 {
    width: 325px;
    background-repeat: no-repeat;
    height: 32px;
    float: left;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
}

.righttab li h4 a:hover {
    background-color: #b12123;
    color: #fff;
    border: 1px solid #b12123;
}
.proimg a:hover {
}
.prolistbox h3:hover {
    color: #f61302;
}.ad_banner {
  margin: 46rem 0rem;
}
* .ad_banner img{
  margin: 0rem;
}* .workshop {
  max-width: 100%;
  height: 863rem;
  background-image: url(/public/uploads/20240117/bdcf682d22b6d91324e29e52188693d6.jpg);
  clear: both;
}

* .workshop .w_tilte {
  margin: 0rem;
  padding-top: 75rem;
}

* .workshop .w_tilte h1 {
  margin: 0rem;
  color: #4d4d4d;
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
  line-height: 55px;
}

* .workshop .w_tilte .en {
  margin: 0rem;
  font-size: 45px;
  color: #4d4d4d;
  text-align: center;
}

* .workshop .w_list {
  margin: 118rem auto;
  display: flex;
  justify-content: space-between;
  max-width: 1540rem;
}

* .workshop .w_list .w_item {
  margin: 0rem;
}

* .workshop .w_list .w_item a {
  margin: 0rem;
}

* .workshop .w_list .w_item a img {
  margin: 0rem;
}* .news {
  margin: 0rem;
  width: 100%;
  position: relative;
  border-top: none;
  clear: both;
  height: 880rem;
  margin-top: 50rem;
  margin-bottom: 50rem;    right: 0px;
}

* .news .n_tilte {
  margin: 0rem;
  text-align: center;
}

* .news .n_tilte h1 {
  margin: 0rem;
  color: #4d4d4d;
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
  line-height: 55px;
}

* .news .n_tilte .en {
  margin: 0rem;
  font-size: 45px;
  color: #4d4d4d;
  text-align: center;
}

* .news .n_list {
  margin: 0rem auto;
  max-width: 1540rem;
  display: flex;
  margin-top: 20rem;
}

* .news .n_list .n_item {
  margin: 0rem;
}

* .news .n_list .n_item a {
  margin: 0rem;
}

* .news .n_list .n_item a .n_title {
  margin: 0rem;
  height: 319rem;
  box-sizing: border-box;
  padding: 33rem;
  background: #eeeeee;
}

* .news .n_list .n_item a .n_title h3 {
  margin: 0rem;
  font-size: 34rem;
  width: 100%;
  height: 68rem;
  overflow: hidden;
}

* .news .n_list .n_item a .n_title .n_content {
  margin: 0rem;
  font-size: 20rem;
  height: 168rem;
  overflow: hidden;
}

* .news .n_list .n_item a .n_title .n_time {
  margin: 0rem;
  font-size: 14rem;
  text-align: right;
}

* .news .n_list .n_item a .n_image {
  margin: 0rem;
}

* .news .n_list .n_item a .n_image img {
  margin: 0rem;
}/*footer*/
.footer-box{
	background: #eeefe1;
    clear: both;
}
.footer-top{ max-width:1540px; margin:auto; padding:34px 0 42px;}
.address{ float:left; margin-left:6px;}
.address h2{ line-height:normal; color:#033257; font-size:30px; font-weight:normal; margin-bottom:12px;}
.address span{ display:block; color:#646464; font-size:14px;}
.address span b{ display:inline-block;}

.footer-top.article-block{ opacity:0; position:relative; top:30px; overflow:hidden;}
.footer-top.articleShow{ opacity:1; top:0; transition:840ms;}
.wechat{ float:right;}
.code{ float:right;    margin-left: 40px; }
.codeimg{  border:1px solid #e5e5e5; padding:2px;}
.codeimg img{ display:block; width:130px; height:130px;}
.code span{ display:block; text-align:right; color:#646464; font-size:16x; line-height:18px;}
.eq-list{ float:left; width:156px; margin-top:2px;}
.eq-list a{ display:block; padding-left:54px; margin-bottom:22px; color:#646464; font-size:14px; line-height:45px;}
.eq-list a:last-child{ margin-bottom:0;}
.eq-list a:nth-child(1){ background:url(../image/weib.png) left center no-repeat;}
.eq-list a:nth-child(2){ background:url(../image/wa.png) left center no-repeat;}
.eq-list a:hover{ color:#ff8c2f;}
.footer-bottom{ background:#033257;}
.footer-inner{ width:1156px; margin:auto;}
.footer-inner a{ display:inline-block; float:left; height:31px; line-height:31px; color:#ffffff; font-family:Arial; margin-right:22px;}
.footer-inner a:hover{ color:#ff8c2f;}
.footer-inner a:nth-child(2){  }@media only screen and (max-width: 1539px) { 
  .banner_pc {
    height: 533px;
  }
  .righttab #tab_t1 {
    width: 185px;
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
 }
  .righttab #tab_t2, .righttab #tab_t3, .righttab #tab_t4, .righttab #tab_t5{
    margin-left: 10px;
  }
  .prolistbox {
    width: 309px;
    height: 336px;
    float: left;
    margin: 17px 0px 15px 24px;
    display: inline;
    border-radius: 10px;
    box-shadow: 0px 0px 11px 2px #888888;
 }
  .proimg a {
    color: #333333;
    text-decoration: none;
    display: block;
    width: 278px;
    height: 336px;
    padding: 0px;
    display: block;
 }
  .prolistbox img {
    text-align: center;
    width: 307px;
    border-radius: 10px 10px 0 0;
 }
  * .ad_banner img {
    margin: 0rem;
    width: 100%;
 }
  
  * .workshop .w_list .w_item a img {
    margin: 0rem;
    width: 100%;
 }
  * .news .n_list .n_item a .n_image img {
    margin: 0rem;
    width: 100%;
 }
  #preview {
    text-align: center;
    width: 54.5%;
    float: left;
    margin-left: 0%;
}
}
@media only screen and (max-width: 993px) { 
  body {
    min-width: 100%;
}
  .ewm{
  	 display: none;
  }
  #header .tab {
    
  }
  #header .tab>ul>li { 
    line-height: 50px;
  }
  .logo {
    float: left;
    margin-top: 0px;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
}
  .logo img {
    width: 148rem;
    max-width: 270px;
    height:auto;
 }
  .tmail {
    display:none;
  }
  
  #header {
      height: 85px;
      box-sizing: border-box;
      padding: 0 1%;
      width: 100%;
      background-color: white;
      position: relative;
      display: flex;
  }
  .logo:after{
     content: "";
     display: block;
     height: 0;
     clear: both;
     position: absolute;
     width: 31px;
     height: 35px;
     right: 12px;
     top: 30px;
     background-repeat: no-repeat;
     background-size: 27px 20px;
     background-image: url(/public/uploads/20240110/a9d164185b32dbcbd6a1aeb48ad32b26.png);
  }
  .banner_pc {
    height: 172px;
  }
  
  .nav .list {
      margin: 36rem auto;
      width: 100%; 
  }
  .nav .list .item a .icon  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44rem;
  }
  .nav .list .item a .icon img {
    margin: 0rem;
    width: 50%;
    height: auto;
  }

  .nav .list .item a .name {
    margin: 4rem;
    font-size: 14rem;
    text-align: center; 
  }
  .advertisement{
    width:100%;
  }
   .about {
     width:100%;
     flex-wrap: wrap;
     margin: 10rem 0;
     padding: 5rem;
     box-sizing: border-box;
  }
  .about .ab_left {
      margin: 0rem;
      width: 100%;
      padding: 5rem;
  }
  .about .ab_logo{
  	 width: 100%;
  	 margin-top: 10rem;
  }
 
  .about .ab_logo img{
    width: 100%;
  }
  .about .ab_title {
    font-size:24rem;
  }
  .about .ab_left .ab_title {
    margin: 0rem;
    font-size: 32rem;
  }
  * .about .ab_left .ad_name {
    margin: 0rem;
    font-size: 28rem;
  }
  * .about .ab_left .ab_content {
    font-size: 16px;
    width: 100%;
  }
  * .about .ab_left .ad_mroe {
    margin: 0rem;
    background-color: #b12123;
    width: 179px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18rem;
    height: 48px;
    justify-content: center;
    border-radius: 88px;
    margin-top: 4rem;
  }
  .about .ab_content {
     font-size:18rem;
     line-height: 42rem;
     margin-top: 10rem !important;
  }
  .grWidth {
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;
    padding: 10rem;
  }
  .case .homeTitle {
    color: #4d4d4d;
    font-size: 32rem;
  }
  .case .homeTitle span {
    font-size: 28rem;
    color: #4d4d4d;
  }
  .righttab {
    max-width: 1540px;
    height: 250px;
    font-size: 16px;
    text-align: center;
    background-image: url(../img/proabg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    display: flex;
    flex-wrap: wrap;
 }
 .righttab ul{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }
.righttab #tab_t1,#tab_t2,#tab_t3,#tab_t4,#tab_t5,#tab_t6 {
    width: 184px !important;
    height: 40px;
    line-height: 40px;
    padding-left: 0px;
    background: none;
    margin-left: 0px !important;
}
.prolistbox {
    margin: 18px auto;
    float: none;
    display: block;
}
    .prolistbox h3{
        float: none;
    }
    .rightContent{margin-top: 41rem;}
  * .ad_banner img{
      width:100%;
  }
  * .workshop {
  max-width: 100%;
  height: 676rem;
  background-image: url(/public/uploads/20240117/bdcf682d22b6d91324e29e52188693d6.jpg);
  clear: both;
}

* .workshop .w_tilte {
  margin: 0rem;
  padding-top: 2rem;
}

* .workshop .w_tilte h1 {
  margin: 0rem;
  color: #4d4d4d;
  font-size: 32rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 55px;
}

* .workshop .w_tilte .en {
  margin: 0rem;
  font-size: 28rem;
  color: #4d4d4d;
  text-align: center;
}
    * .workshop .w_list {
    margin: 34rem auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1540rem;
    flex-wrap: wrap;
}
    * .workshop .w_list .w_item a img{
        width: 100%;
    }
    #bottom {
    padding: 32px 5%;
    height: 91px;
    background: #212121;
  }
  * .workshop .w_list .w_item {
      width:50%;
  }
    * .news {
    margin: 0rem;
    width: 100%;
    position: relative;
    border-top: none;
    clear: both;
    height: auto;
    margin-top: 15rem;
    margin-bottom: 0rem;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
}
 * .news .n_tilte h1 {
   font-size: 32rem;
}
    * .news .n_tilte .en{
         font-size: 28rem;
    }
* .news .n_list{
    flex-wrap: wrap;
    width: 100%;
}
    * .news .n_tilte{
        width:100%;
    }
.news .n_list .n_item a .n_image img {
    margin: 0rem;
    width: 100%;
}
    * .news .n_list .n_item a{
        display: flex;
        flex-direction: column;
    }
    * .news .n_list .n_item:nth-child(2) a{
        display: flex;
        flex-direction: column-reverse;
    }
.address{float:left;margin-left: 1px;padding: 9rem;box-sizing: border-box;}
.address h2{
    font-size: 24rem;
}
.wechat {
    float: right;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 31rem;
}
  #bottom .list {
    display:none;
  }
  
  .bottom {
    height: 100%;
    background-color: #212121;
    padding: 5%;
    height: 289px;
  }
  .bottom .left {
    float: none;
    width: 100%;
 }  
  .bottom .right {
    loat: none;
    width:100%;
    padding-top: 7px;
  }
 .bottom .right .pho {
    margin-left: 5px;
    line-height: 1.5;
    margin-top: 21px;
  }
  .bottom .right div {
    float: left;
  }
   .bottom .right .img {
     margin-top: 20px;
     margin-left:20px;
  }
  .box {
    width: 100%;
    padding: 20px;
  }
  
  .box video {
    width: 100% !important;
  }
  
    .box p span{
      font-size:16px !important;
    }
  .ptab {
    width: 100%;
  }
  .imgTitle { 
    padding: 0px; 
    padding-bottom: 22px;
        width: 100%;
}
  .imgTitle .list {
      padding: 10px;
  }
  .imgTitle .list .description {
    height: auto;
    width: 100%;
  }
  .imgTitle .list .img img {
       max-width: 100%;
  }
  
  .imgTitle .list { 
    width: 100%;}
  
  .swiper-wrapper {
    max-height: 300px;
    flex-wrap: wrap;
  }
.swiper-slide{
    height: 35px !important;
}
    .product-box{
        padding: -0px 0 100px !important;
    }
    .product-list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .product-list li {
        width: 45%;
        float: none;
        margin-right: 0px;
    }
    .clearfix:before, .clearfix:after{
        display:none;
    }
  .public-banner img{
      width:100%;
  }
    .content {
        width:100%;
    }
    .second-list >li >a{
        padding: 0 10px 10px;
    }
    .picture_row{
        width:100%;
    }
    .picture li {
        width:100%;
        padding: 5px;
        box-sizing: border-box;
        margin: 0px;
    }
  .inner{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  } 
    .second-level{
        height: 120px !important;
    }
    .producttext {
        width: 100%;
        float: none;
    }#preview {
    text-align: center;
    width: 100%;
    float: none;
    margin-left: 0%;
}
}